Step 1 of 4 — Tell Claude what you're building (5 min)
Brief
The difference between a good AI-built site and a bad one is the brief. Not a 20-page PRD. A clear, specific paragraph about who it's for, what it does, and how it should feel.
What happens
- Write a brief: who is this for, what does it do, how should it feel
- Claude asks 2-3 clarifying questions — answer them
- Claude generates a project plan (pages, sections, components)
- You approve the plan or redirect — then the build starts
- Total time: 5 minutes of thinking saves 2 hours of revision
Real example
BRIEF
A booking page for breathwork classes
WHAT HAPPENS
Target: women 30-50 in Auckland who want to try something new. Feel: warm, calm, trustworthy. Not: clinical, corporate, or 'wellness bro'. Must have: class schedule, pricing, instructor bio, book button.
RESULT
Claude's plan: Hero with instructor photo + headline. Schedule section with card layout. Pricing with 3 tiers. Bio with credentials + personal story. Sticky CTA. Approved in 2 minutes.
Try it yourself
**Role** Act as a senior product designer with 10+ years of experience briefing web projects for startups and solo founders. **Task** Write a 1-paragraph creative brief for a new website. Follow these steps: 1. Define the target audience (who, demographics, psychographics) 2. State the page type (landing page, booking page, portfolio, etc.) 3. Describe the desired feel in 2-3 adjectives 4. List what to avoid (anti-references) 5. List 3-5 non-negotiable elements the page must include 6. Suggest a single reference site for visual tone (or describe one) **Context** - Audience: YOUR TARGET AUDIENCE HERE - Page type: YOUR PAGE TYPE HERE - Feel: YOUR 2-3 ADJECTIVES HERE - Avoid: YOUR ANTI-PATTERNS HERE - Must have: YOUR 3-5 ELEMENTS HERE - Reference: YOUR REFERENCE SITE OR DESCRIPTION HERE **Output Format** Return: 1. A 3-sentence brief (audience + feel + must-haves) 2. A project plan with: pages, sections per page, and component list 3. 2-3 clarifying questions to refine before building **Stop Conditions** Done when the brief is specific enough that a developer could build the homepage without further questions about audience, tone, or structure.