What problem does it solve? AI-generated interfaces often look generic, bland, or full of recognizable design clichés. This Skill enforces deliberate design decisions for frontend work by loading project context (PRODUCT.md and DESIGN.md), applying shared design laws, and routing tasks through specialized sub-commands so UI output is distinctive, accessible, and production-ready. ## Core Features & Use Cases - Command-based design workflow: 23 sub-commands organized into 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) categories. - Context gates before edits: Requires loading PRODUCT.md/DESIGN.md via a context script, identifying brand vs. product register, and confirming a shape brief before any file mutation. - Design law enforcement: Covers OKLCH color strategy, typography pairing with reflex-reject font lists, layout rhythm, motion easing rules, and absolute bans on AI-slop patterns like gradient text, side-stripe borders, and glassmorphism. - Use Case: Ask the agent to redesign a landing page; it loads your product context, confirms a shape brief, generates visual mocks, then implements the page while avoiding generic AI aesthetics. ## Quick Start Ask the agent to run $impeccable craft on your landing page so it loads your product context, confirms a design brief, and builds the interface.