Free CourseEdit Your Website

Module 2 · Make your first change (the safe way)

The edit loop: describe, preview, refine

12 min

Time to change something real. The whole method is a simple loop: describe what you want → Claude changes it on your private preview → you look → you refine. Nothing goes live until you say so, later. Let’s do one small edit together.

Watch — hand-picked

The clearest walkthroughs of this step, from creators we rate. Each one’s credited — go give them a follow.

Build $10,000 Websites using Claude Code (Ultimate Guide)

Metics MediaCurated · third-party

How to Make a Website with Claude Design (Step-by-Step for Beginners)

Blog With BenCurated · third-party

How to Build Beautiful Websites with Claude (That Don't Look AI-Generated)

Nic ConleyCurated · third-party

Make sure your preview is running

You want your localhost preview open in your browser from the last module. If it’s not, just tell Claude “start my preview again” and open the link it gives you.

Describe your change in plain English

Pick something small and real for your first edit — a phone number, a headline, a sentence. Then just say what you want, like you’d tell a helpful assistant. For example:

Your first edit (change the words to suit you)

I'd like to make a small change to my website. On the home page, please change the main headline to say:
"[ your new headline here ]".

Make the change on my private preview only — don't publish anything live. When it's done, tell me exactly
where to look so I can refresh my browser and check it.

Look, then refine

  1. Claude makes the change and tells you where to look.
  2. Refresh your browser (the localhost tab). Your edit appears.
  3. Not quite right? Just say so: “can you make it a bit shorter,” or “actually, let’s try ‘___’ instead.” Keep going until you love it.
You just did the whole job

That loop — describe, preview, refine — is 90% of everything you’ll ever do to your website. Text, images, colors, whole new sections: it’s all the same rhythm. You describe it in plain words; Claude does the technical part.

What success looks like

You changed something on your site, saw it on your private preview, and adjusted it until it looked right — without touching a line of code or your live site.

If you get stuck

Change didn’t show up when you refreshed? Tell Claude: “I refreshed but I don’t see the change — can you check it saved, confirm I’m looking at the right page, and make sure my preview is up to date?” Nine times out of ten it’s just a page that needs a proper refresh.

The edit loop: describe, preview, refine — Edit & Update Your Website with AI