What problem does it solve? AI-generated interfaces tend to converge on generic, recognizable patterns (gradient text, card grids, cream backgrounds, bounce easing) that make products look templated and unpolished. This Skill provides a disciplined design workflow with explicit anti-pattern bans, register-specific guidance, and quality gates so frontend work ships distinctive, accessible, production-grade UI. ## Core Features & Use Cases - 23 routed sub-commands: Build (craft, shape, init, 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), each backed by a dedicated reference file. - Register-aware guidance: Separates brand surfaces (landing pages, marketing, portfolios) from product UI (dashboards, admin, tools) with distinct typography, color, and motion rules. - Context and palette scripts: Node scripts load PRODUCT.md/DESIGN.md project context, generate brand seed palettes in OKLCH, detect anti-patterns in changed files, and pin commands as standalone shortcuts. - Use Case: A developer asks to redesign a landing page. The skill loads project context, selects the brand register, generates a committed color palette, applies typography and layout rules, and rejects saturated AI defaults before writing production code. ## Quick Start Ask the agent to use the impeccable skill to critique and polish the main landing page of this project.
