What problem does it solve? AI-generated frontend code tends to look generic and templated, with overused fonts, gradient text, and identical card layouts. This Skill guides the creation of distinctive, production-grade web interfaces by enforcing deliberate design decisions for typography, color, spacing, motion, and interaction. ## 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: Interviews the user about audience, brand personality, and aesthetic direction, then writes a reusable Design Context file (.impeccable.md) for the project. - Extract mode: Identifies repeated components, hard-coded values, and patterns, then consolidates them into a design system with tokens and documentation. - Use Case: Ask the assistant to build a landing page for a new product; it first gathers brand context, selects non-default fonts and an OKLCH palette, then implements and visually verifies the page against anti-generic-design rules. ## Quick Start Ask the assistant to run impeccable teach to set up design context, then use impeccable craft to build a new page or component.
