What problem does it solve? AI-generated frontend design tends to repeat the same recognizable patterns and skip quality checks. This Skill runs the Impeccable design operating system (pbakaus/impeccable, Apache-2.0) as a disciplined workflow so UI work stays cohesive with the project's design system and passes a deterministic 59-rule anti-slop detector gate before shipping. ## Core Features & Use Cases - Four-phase design loop: Start (context contract via PRODUCT.md and DESIGN.md, job classification, direction contract), Iterate (23 named commands like polish, typeset, layout, colorize), Polish (audit, clarify, harden), and Maintain (extract, document, doctor). - Deterministic quality gate: Runs npx impeccable detect <target> against files, directories, or URLs; exit code 2 blocks close-out until findings are fixed or waived with a stated reason. - Hooks and live mode: Per-edit and end-of-session detector hooks for Claude Code, Cursor, Codex, and Copilot, plus opt-in browser-based live iteration with three variants per element. - Use Case: You ask for a new pricing page. The Skill ensures the context contract exists, classifies the job as a new surface, rolls a grounded design direction, builds it, runs audit and the detector gate, then hands off to security and quality review. ## Quick Start Ask the agent to design or refine a frontend page or component, for example: build a pricing page for my developer tool and run the impeccable detector gate before finishing.
