What problem does it solve? AI-generated interfaces often look generic or unfinished because their parts disagree with each other: mixed corner radii, multiple accent colors, pure-black text, missing states, and robotic copy. This Skill diagnoses exactly why a UI looks "AI-generated" and tells you how to fix it. ## Core Features & Use Cases - Scored design review: Evaluates UI files across seven categories (coherence, color discipline, hierarchy, layout, states, UX writing, motion) and produces a 0-100 score with letter grades. - Prioritized fix list: Returns fixes ordered by score gain, each citing specific line numbers as evidence, so you know the fastest path to a polished interface. - Pre-ship quality gate: Use it right after generating UI to verify the score clears ~80 before showing results, catching rainbow status lists, emoji icons, and missing empty/loading states. - Use Case: After generating a React dashboard, run the review to discover it mixes sharp cards with pill buttons, uses #000 headings, and lacks an empty state — then apply the top three fixes to raise the score from 72 to ~90. ## Quick Start Review the design quality of src/Dashboard.tsx and give me a score with a prioritized fix list.
