What problem does it solve? UI implementations often drift from design system specs, ship with accessibility gaps, or fall into generic visual patterns. This Skill provides a structured framework to review frontend code against design standards or to create distinctive interfaces with a clear aesthetic direction. ## Core Features & Use Cases - Design Review Mode: Evaluate UI against three quality pillars (frictionless insight-to-action, quality craft, trustworthy building), design system compliance, Figma spec fidelity, and WCAG accessibility targets. - Creative Frontend Design Mode: Establish an intentional aesthetic direction covering typography, color, motion, and spatial composition before writing code, avoiding generic layouts. - Structured Review Output: Score and prioritize issues as blocking, major, or minor with design-system-backed recommendations. - Use Case: During a PR review of a new settings page, run a design review to verify design token usage, check focus indicators and reflow behavior, and flag competing primary actions before approval. ## Quick Start Review this UI component implementation for design system compliance, accessibility, and the three quality pillars, then list blocking and major issues.
