Turning designs, screenshots or descriptions into polished, accessible, responsive interfaces.
Task index, 0 to 100. Bars are scaled to the field, so small gaps look small.
Best at fitting new UI into existing design systems.
Recommended setup
Claude Code or Cursor with Opus 5.5 / Sonnet 5.5, your component library in context, and Playwright screenshots for the agent to check its own work.
Recreate the attached design as a {{framework}} component using our existing {{design_system}} components where possible. Match spacing and typography closely, make it responsive down to 360px, keyboard accessible, and take a screenshot to compare against the design before finishing.