What problem does it solve? UI code reviews often stop at pass/fail checks or vague prose feedback, leaving no measurable way to track design quality over time or decide what to fix first. This Skill turns a visual artifact's implementation into a single 0-100 score with a weighted category breakdown, evidence citations, and a prioritized fix list. ## Core Features & Use Cases - Weighted eight-category scoring: Grades color discipline, hierarchy and typography, layout and rhythm, cards and elevation, states and accessibility, motion and interaction, coherence, and distinctiveness against the effective StyleSeed rule set. - Evidence-based deductions: Cites exact line numbers for every deduction and names the resolved rule set (e.g., operations-console × SaaS × dashboard) before scoring. - Quality Gate mode: Loops score → fix → re-score (up to 3 iterations) until the UI reaches the ≥80 floor before being shown to the user. - Use Case: After generating a React dashboard, run the scorer to get a per-category breakdown like "States & a11y 11/18 — no empty/loading state (l.55)" plus a fix-first list ordered by score gain. ## Quick Start Score the file src/app/Dashboard.tsx against the project's effective StyleSeed rules and show the category breakdown with prioritized fixes.