Build a real one-page site, start to finish.

Step 1 — pick your subject (2 minutes, don't overthink)

The page needs to be about something real, because real details are what make the skills stick. Pick one:

• Your business or side hustle — the obvious choice if you have one. This page might outlive the course.
• You — a personal intro page. Who you are, what you do, how to reach you.
• A thing you love — your rec-league team, your sourdough, your dog. Genuinely fine. The skills transfer completely.

Step 2 — gather your raw material (5 minutes)

Open any notes app and write, in plain sentences: what this page is about, who'll look at it, the five most important facts, and the one thing a visitor should do (call, email, follow, admire). No polish — bullet points are perfect. This little file is worth more than any design skill, because the number-one thing that makes pages bad isn't ugly layouts. It's vague content.

Step 3 — the opening brief

New folder, new start (you know these moves now):

cd ~/Desktop
mkdir my-page
cd my-page
claude

Now give it a proper brief — context, outcome, constraints, and your raw material all in one. Here's a real example; swap in your notes:

That closing line — plan first — is the pro move from Lesson 4. It'll answer with a short plan. Read it. If something's off ("actually, prices above how-it-works"), say so now. Then tell it to go.

Step 4 — first look, then section by section

Open the file in your browser. It'll be 70% right, which is the expected score for a first pass — the remaining 30% is where you earn the page. Now work top to bottom, one section per prompt — the page comes into focus in rounds:

Refresh, look, adjust. Some rounds will take two tries — that's the loop working, not failing.

Step 5 — the style pass

Once the content sits right, do one dedicated pass on feel. Say what mood you're after and steal from things you like:

Step 6 — the phone check

Most visitors will see your page on a phone. Narrow your browser window until it's phone-shaped and scroll through. What you're looking for:

Squished cards? Tiny text? Buttons too small to tap? Report exactly what you see, Lesson-4 style, and have it fixed. Then check once more.

Step 7 — the honesty pass

Last: hunt down every piece of filler text the AI invented along the way. If it wrote "Lorem ipsum" anywhere, or a testimonial from a customer who doesn't exist, or an address you don't have — replace or delete it. One prompt: "Go through the page and list any placeholder or invented content that I should replace with real information." A small page that's entirely true beats a big page that's partly fiction. This rule is worth more than the rest of the lesson.