Start with a visual brief
Name the user, the job, the mood, the hierarchy, and the constraints. A precise brief beats a long prompt.
From Prompt to Product
A hands-on introduction to prompting, building, and refining interfaces with AI.
AI is a fast collaborator, not an art director.
Use it to create options, translate intent into code, and inspect the result. Keep the taste, constraints, and final judgment with you.
Ask for different directions
Generate three meaningfully different approaches before polishing one. Compare structure, not decoration.
Build in small slices
Move from layout to components to states. Review each slice in the browser before adding more.
Critique with evidence
Check screenshots at real breakpoints. Ask what is unclear, inconsistent, inaccessible, or visually weak.
Polish by hand
Fix spacing, type, motion, focus states, and edge cases. AI gets you to a draft; craft gets you to done.