Module 1 · Build a Website Business · Day 2 of 10

Turn a plain-English idea into a working page

Today the site grows a real feature — and you learn the pattern that makes any instruction to Claude Code land right the first time.

Video — recording pending, script below stands in for now

Video script (for recording): "Welcome back. Yesterday was the smallest possible ask. Today's bigger, so we're adding structure to how you ask — four parts, and you'll never write a vague prompt again."

Where you are

Day 01

Install Claude Code, ship your first live page

Day 02

Turn a plain-English idea into a working page

Day 03

Edit what it built — ask for changes without breaking things

Day 04

Understand what got created: files, folders, why they matter

Day 05

Connect to GitHub so your work is never lost

Day 06

Get a site live: your first real deploy

Day 07

Fix things when they break — read errors without panicking

Day 08

Add a second page and link it up: your landing page

Day 09

Automate updates: push once, redeploy every time

Day 10

Ship the deliverable: portfolio + business landing page, live

Structure changes the output

Yesterday you asked for a page in one loose sentence and it worked because the ask was tiny. Today's ask is bigger, so vague instructions start to show their limits. Compare these two:

Vague

"Make my site better."

Structured

"Add a Services section below the bio, for a freelance web designer (persona), on the site we built yesterday (context), listing 3 services with one-line descriptions (task), styled to match the existing page (format)."

Persona, Context, Task, Format — that's the whole pattern. You don't need all four labeled every time, but if a result comes back wrong, it's almost always because one of the four was missing.

Today's project — add a Services section

  1. Reopen yesterday's project

    Run claude in the same project folder from Day 1.

  2. Write a 4-part instruction

    Add a Services section below my bio. I'm a freelance web designer — list 3 services (e.g. "Landing Pages", "Portfolio Sites", "Business Websites") with a one-line description each. Match the existing page's fonts and spacing.
  3. Read the diff, then approve

    Check that it added a new section rather than replacing something you wanted kept.

  4. Refine once

    If the spacing or wording feels off, say exactly what's wrong — "the gap above this section is too small" beats "make it look better."