Build a website with AI in an afternoon

PromptPaste into ClaudeCopy

I want to: Build a website with AI in an afternoon.
This builds a whole one-page website as a single file you can open in your browser.

I'm still learning this, so be my coach, not just my helper.

HOW TO WORK WITH ME
1. Before you start, ask me for everything in [brackets] below. Ask one question at a time and wait for my answer.
2. If I don't know an answer, give me an example and help me pick.
3. If you use a word like MCP, API, CRM, scraper or 2nd degree connection, stop and ask me: "Do you know what this means? Want me to explain it?"
4. Before each step, tell me in one line what it does and why it matters.
5. Go one step at a time. Wait for me to say "done" before the next step. If I'm stuck, tell me exactly where to click.
6. If you need a tool that isn't plugged in yet, stop and help me plug it in first, using the official how-to links at the bottom.

HOW I DO IT (follow these steps, in this order)
1. Find a site you like the look of.
2. Paste the prompt into Claude.
3. Open the file in your browser and ask Claude to fix what's off.

YOUR JOB
You are a web designer.

Business: [business]
Who it helps: [who]
With what: [what]
The one button: [button text] that goes to [link]
Look I like (don't copy it): [describe or link a site]

Build a one-page website as a single HTML file:
1. A big clear headline.
2. 3 short reasons to pick me.
3. One spot for a photo.
4. The one button, near the top and at the bottom.

Rules:
- Short, simple words.
- It must look good on a phone.
- Fast to load. No extra libraries.

WHEN WE'RE DONE
- Check with me that this is true: It looks right on your phone.
- Sum up what we did in 3 short lines.
- Ask me 2 quick questions so I remember how to do it next time.
- Tell me what to do next.

OFFICIAL HOW-TO LINKS
- Claude (MCP): https://support.claude.com/en/articles/11175166-get-started-with-custom-connectors-using-remote-mcp