What problem does it solve? After implementing UI changes, visual inconsistencies in spacing, typography, color, responsive behavior, and component states often slip through. This Skill performs a structured visual QA audit of the coded interface, scores it objectively against the project's design system, and fixes each issue iteratively with before/after evidence. ## Core Features & Use Cases - Tiered Visual Audits: Choose between quick (~5 min), standard (~15 min), or exhaustive (~30 min) audit levels covering spacing, typography, color, responsive layout, components, UI states, and accessibility. - Objective Scoring: Rates five categories (0-20 each) for a total 0-100 score with clear ship/no-ship thresholds. - Iterative Fix Loop: Documents each issue with severity and file location, applies a minimal fix, creates an atomic commit, and re-verifies with screenshots. - Use Case: After building a new dashboard page, ask for a visual QA pass. The Skill navigates key pages at mobile, tablet, and desktop breakpoints, finds an overflow issue and a missing error-state retry button, fixes both with atomic commits, and saves a full report to .agents/audits/. ## Quick Start Audit the design of the dashboard page and fix any visual inconsistencies you find.
