What problem does it solve? UI work often ships with generic aesthetics, hardcoded values instead of design tokens, accessibility gaps, and deviations from Figma specs. This Skill provides a structured framework to review existing UI implementations or create distinctive frontend designs that meet design system and quality standards. ## Core Features & Use Cases - Design Review Mode: Evaluate UI against three quality pillars (Frictionless Insight to Action, Quality Craft, Trustworthy Building), design system compliance, and accessibility, with issues prioritized as blocking, major, or minor. - Creative Frontend Mode: Establish a clear aesthetic direction covering typography, color, motion, spatial composition, and backgrounds before writing interface code. - Review Type Modifiers: Adjust focus for PR reviews, creative reviews, design reviews, accessibility audits, and design system compliance audits. - Use Case: During a PR review of a new dashboard component, run a design review to verify Figma Dev Mode specs, design token usage, keyboard navigation, and dark mode contrast, then output a scored pillar assessment with actionable recommendations. ## Quick Start Review this UI component implementation for design system compliance, accessibility, and the three quality pillars, then provide a scored assessment with prioritized issues.
