What problem does it solve? Frontend interfaces built quickly often end up generic, inaccessible, or visually indistinguishable from AI-generated templates. This Skill provides a structured design workflow that audits, critiques, and improves UI code against concrete typography, color, layout, motion, and accessibility rules. ## Core Features & Use Cases - Command-driven design workflow: Over 20 sub-commands (craft, shape, audit, critique, polish, bolder, quieter, colorize, typeset, layout, adapt, harden, and more) each load a dedicated reference file defining a step-by-step flow for building, evaluating, refining, or fixing UI. - Anti-AI-slop rule set: Enforces absolute bans on saturated patterns (gradient text, side-stripe borders, glassmorphism, hero-metric templates, cream backgrounds) plus WCAG contrast checks, OKLCH color strategies, and reduced-motion support. - Project context awareness: Setup scripts detect PRODUCT.md/DESIGN.md, existing design tokens, and brand colors so output matches the project's register (brand vs product) instead of reinventing conventions. - Use Case: A developer finishes a dashboard that feels bland and generic. Running the audit command produces a scored report across accessibility, performance, theming, responsive design, and anti-patterns, then recommends targeted follow-up commands like colorize or layout to fix the findings. ## Quick Start Ask the assistant to run the impeccable audit command on your main page component to get a scored design quality report with prioritized fixes.
