the 5-step loop
01
find your vibe.
open Pinterest, make a board, save 5–10 images that feel like your project. colors, fonts, moods, layouts. this is the visual brain-dump you'll hand off.
02
describe it in plain English.
tell Claude what you're trying to build, drop in your Pinterest board, and ask it to write you a prompt. Claude is great at turning vibes into words.
03
paste that prompt into Claude Code.
type claude in your project folder, paste, watch it build.
04
react.
say what's off, say what you love. be specific: not "make it cuter," but "make the headline bigger and italic." iterate until it feels right.
05
ship it.
in Claude Code, type: "deploy this to Vercel. walk me through each step." Claude installs what you need, asks you to log in, and gives you a live URL in about three minutes.
starter prompt — website
prompt.txt
build me a single-page website for [what it is].
the headline should say "[your headline]".
below it, add [subheadline or tagline].
the vibe is [retro / clean / Y2K / editorial / etc.].
use [font vibe: serif / hand-drawn / mono].
include [features: email signup / contact button / photo / form].
save it as index.html. make it look good on mobile.
starter prompt — mood board
prompt.txt
build me a digital mood board for [project / brand / concept].
the aesthetic is [describe the feeling].
color palette: [colors or vibes].
typography direction: [font personality].
include [sections: inspiration images / color swatches / type samples / keywords].
make it feel like a real creative brief. save as index.html.
when you get stuck — 5 moves
01
"show me what it looks like right now."
Claude will open the file so you can see.
02
"change [X] to [Y]."
be specific. not "make it cuter," but "make the headline bigger and italic."
03
"that's not what i meant. i wanted [describe again]."
restart the thought. Claude doesn't get offended.
04
"what would you recommend here?"
when you don't know what you want, ask.
05
"undo that last change."
you can always roll back.