visual-design-loop
Nayab Rehmat publishes the Claude Code skill visual-design-loop. A build-and-refine process for web UI that keeps it from looking AI-generated. It closes the three gaps that usually cause it: pin down a real brief before writing code, lock a token system before writing CSS, then iterate against actual screenshots instead of trusting the markup. Ships with a seven-pass critique rubric, a guide to turning inspiration images into a transferable brief, and a Playwright capture script that audits every pass for overflow, contrast failures, small tap targets, token sprawl, and console errors.
Install it by downloading the zip and unpacking it into ~/.claude/skills/. Invoke it with /visual-design-loop.