design-review-gatelisted

# Design Review Gate ## Overview A UI reads as "AI-generated" not because the components are ugly, but because the **parts don't agree with each other** — mixed corner radii, three accent colors, pure-black text, no hierarchy, missing states, robotic copy. This skill reviews a UI file (or a whole directory) against a concrete design rubric, scores it 0–100, and returns a prioritized fix list. It reviews and recommends; it never edits or deletes without being asked. ## House rules (Andy overrides — these beat the rubric on conflict) Andy's register is minimal/Swiss: type + grid + whitespace + restraint, one discordant note (see memory `andy-design-taste`). Two rubric adjustments follow: - **Cardlessness is a valid choice, not a violation.** The Layout deduction "content on a bare page background, not in cards (−6)" applies only when the design language is a card-based one executed lazily. A deliberate hairline-ruled index — flush-left grid, big margins, rules instead of boxes — scores FULL marks. What you deduct for instead: rules and margins applied inconsistently (that's a Coherence violation, same −6). - **One discordant gesture is allowed and encouraged** (a single off-grid color bar, one oversized number). Don't deduct it under Coherence — deduct only a *second* discordant gesture (restraint everywhere else is the rule that makes the first one work). Everything else in the rubric stands as written. ## When to use - A React / Tailwind / HTML UI "looks o