Coding with Vibes Only

Set the look

Without rules, Claude makes a fresh choice on every screen. Write the rules once, and everything stays consistent.

Find two or three apps you like. Press Shift+Command+4 and drag across each one to take a screenshot. They land on your Desktop.

In the Claude app, click + New. Check that your project folder is selected, and set the mode to Plan.

Drag your screenshots into the prompt box, or click + and choose Add files or photos.

Click Copy, paste into the prompt box and press Enter.

Plan mode
Act as a senior product designer. Read docs/product.md and docs/design.md, and look at the screenshots I attached. Ask me how the app should feel, one question at a time.

Then write simple rules: a few colors, a few text sizes, a spacing scale, one button, and how it adapts to phones. Every word, button and visual has to earn its place. Add the rules and a short review checklist to docs/design.md.

Answer Claude's questions one at a time. Short answers are fine, and "I don't know" is a good answer. Claude will suggest options.

Read the plan Claude shows you. To change it, keep planning and type what you'd change. When it looks right, approve it, and choose Yes when Claude asks to make changes. Claude adds the rules to your document.