Vibe Coding Playbook

How do you make a vibe-coded app look real?

1. Audit the layout. Fix spacing rhythm, alignment, and type hierarchy before touching colors.
2. Constrain the palette. Replace generated colors with two or three deliberate, accessible choices.
3. Add real states. Design the empty, loading, and error states the generator never shows you.
4. Pressure-test on mobile. Check every screen at a phone width and repair overflow and tap targets.