What problem does it solve? Frontend interfaces often end up generic, inconsistent, or inaccessible because design decisions are made ad hoc without shared context, typography rules, or quality checks. This Skill provides a structured design workflow that loads project context (PRODUCT.md and DESIGN.md), applies shared design laws, and routes work through specialized commands for building, evaluating, refining, and fixing UI. ## Core Features & Use Cases - Command-based design workflow: Over 20 sub-commands such as craft, shape, critique, audit, polish, bolder, quieter, animate, colorize, typeset, layout, harden, and adapt, each backed by a dedicated reference file with concrete rules. - Context-aware output: Loads PRODUCT.md and DESIGN.md before any design work so results match the project's brand, users, and tokens instead of producing generic output. - Quality gates: Built-in audit scoring across accessibility, performance, theming, responsive design, and anti-patterns, plus explicit bans on common AI-generated design clichés. - Use Case: A developer asks to redesign a landing page; the Skill loads the brand context, selects the brand register, applies typography and color strategy rules, generates the interface, then runs audit and polish passes before shipping. ## Quick Start Ask the assistant to use the impeccable skill to critique and polish a specific page or component in your project.
