What problem does it solve? AI-generated frontend interfaces often look generic, inconsistent, or off-brand because they lack project context and design discipline. This Skill grounds every design task in your project's PRODUCT.md and DESIGN.md context files, then applies shared design laws and specialized commands to produce distinctive, production-grade UI work. ## Core Features & Use Cases - Context-gated design workflow: Loads PRODUCT.md and DESIGN.md before any edits, classifies work into brand or product registers, and enforces preflight gates so output matches your brand instead of generic templates. - 23 sub-commands across the design lifecycle: Build (craft, shape, teach, document, extract), Evaluate (critique, audit), Refine (polish, bolder, quieter, distill, harden, onboard), Enhance (animate, colorize, typeset, layout, delight, overdrive), Fix (clarify, adapt, optimize), and Iterate (live browser-based variant mode). - Anti-AI-slop guardrails: Absolute bans on gradient text, side-stripe borders, glassmorphism defaults, and hero-metric templates, plus a two-altitude category-reflex check to avoid training-data aesthetics. - Use Case: Run $impeccable critique dashboard to get a scored UX review of your dashboard, then $impeccable bolder to amplify a bland landing page, then $impeccable audit to verify accessibility, performance, and responsive quality before shipping. ## Quick Start Ask the agent to run $impeccable teach to set up your project's design context, then invoke $impeccable craft followed by a feature description to design and build it.
