Build your first website in 20 minutes

Weak results come from gaps in the brief: when something is missing, the model fills it with the most average guess. Close the gaps before anything is built.

I want a one-page website for my business. Use what you know from CLAUDE.md. Before you build anything, ask me up to 3 questions about what you still need to know.

Now write a short plan: the sections of the page, the files you will create, and how I can check that it works. Don't build yet.

Read the plan. If a section is wrong or missing, say so now: one wrong line in the plan becomes many wrong lines in the result.

Prefer a safety net? Switch the mode to Plan for this step: in Plan, Claude proposes a plan without editing your files. Switch back to Manual before step 3.

Build it as a single file, index.html, with the styles inside. Keep it simple. When you are done, tell me exactly how to open it and what you had to guess.

Claude shows the whole file and waits. You don't need to read the code: check the file name and choose Accept.

Double-click index.html in your business folder. It opens in your browser, from your own computer: nobody else can see it yet (that is lesson 5).

You should see

Don't ask Claude “is it good?”: it will say yes. Answer these yourself, yes or no:

1. Would a new customer know in five seconds what we sell?
2. Can I see the opening hours without scrolling much?
3. Are the address and phone number exactly right?
4. Is “Order by phone for pickup” easy to find?
5. Does the page say nothing about delivery?
6. Is everything on it true, with no made-up menu items, prices or reviews?
7. Does it sound like us, not like an ad?
8. Does it still look fine when I make the browser window narrow, like a phone?

Using your own business? Replace questions 4 and 5 with: “Is the one action I want from a customer (call, book, visit) easy to find?” and “Does the page promise nothing we don't do?”

One change per message, and say what must stay the same:

The phone number is too far down. Move it into the top section, next to the order button. Don't change anything else.

Made-up menu items? Give Claude the real list, or ask it to remove the menu until you have one. Then reload the page in your browser (F5 on Windows, Cmd + R on a Mac) and repeat the eight questions until every answer is yes.