PromptTop pickDesign and UXClaude Code, Codex, Cursor with a browser

Visual iteration loop

Builds from a mock, screenshots the result, compares, and iterates until it matches.

How each pass goes
  1. Build the screen from the mock.
  2. Screenshot it at the same size.
  3. List differences and fix them.
Stops when
The screenshot matches the mock closely enough.
Starter prompt
Build this screen from the attached mock. Then loop: take a screenshot at the same size, list every visible difference from the mock (spacing, type, color, alignment), fix them, and screenshot again. Stop when no difference is worth fixing, and show me both images.
Paste into Claude Code, Codex or Cursor. To keep it running unattended, wrap it in /goal or the Ralph loop.