Restyle

Turn the cloned site into the user's site: their brand, their words, their logo — on top of the cloned structure. Layout, spacing, animations, and interactions stay untouched. That separation works because the clone pipeline keeps all content in src/data/*.ts and all brand tokens in globals.css — you swap those layers only.

$ARGUMENTS

Step 1 — Read the brand

Read BRAND.md at the repo root. If it's missing or has unfilled TODO fields, ask the user for what's missing (max 3 questions at a time). Never ask for secrets in chat — anything sensitive belongs in env files, not BRAND.md.

If the user has brand assets (logo files, product screenshots), ask them to drop the files into public/brand/ and tell you the filenames.

Step 2 — Take "before" screenshots

npm run dev   # background
node scripts/extract/screenshot.mjs http://localhost:3000 --name before-restyle

These are your regression reference: after restyling, layout must still match them structurally.