What problem does it solve? AI-generated frontend code tends to converge on generic, recognizable aesthetics—default fonts, gradient text, card-heavy layouts, and safe color palettes. This Skill enforces a disciplined design process that produces distinctive, production-grade interfaces with intentional typography, OKLCH-based color systems, and deliberate spatial rhythm. ## Core Features & Use Cases - Craft Mode: Shapes a design brief, loads relevant design references, builds the feature, and iterates visually until the result passes quality checks. - Teach Mode: Runs a one-time setup that explores the codebase, asks UX-focused questions, and writes a reusable Design Context file (.impeccable.md) capturing audience, brand personality, and aesthetic direction. - Extract Mode: Identifies repeated components, hard-coded values, and patterns, then consolidates them into a design system with tokens and documented variants. - Use Case: When asked to build a landing page or dashboard, the Skill first establishes design context, rejects reflex font choices like Inter or Space Grotesk, derives light/dark theme from actual user context, and bans known AI design tells such as side-stripe borders and gradient text. ## Quick Start Ask the AI to use the impeccable skill in craft mode to build a pricing page for your product with a bold editorial aesthetic.
