Learn AI Curriculum Cookbook

Visual UI generators 3 min

Iterating: variants and refinement

Swap styles, ask for a tweak, copy the code.

React, don't redirect. Change one thing at a time. Branch when unsure.

preview.html
Press Generate to render the prompt on the left.

Follow-up prompts that work

  • "Make it 30% smaller."
  • "Same layout, inverted — dark background, light text."
  • "Replace the photo with an illustration in the icon style."
  • "Three completely different headlines for this hero."
  • "Responsive — single column on phones, larger tap targets."
Design + Code together. Prototype the look in a UI generator (v0, Lovable, Bolt, Claude Design), export the code, then hand it to a coding CLI (Cursor, Claude Code, Codex) to wire into your real app.