What problem does it solve? AI-generated frontend interfaces tend to look templated and generic, with recurring visual tells like gradient text, cream backgrounds, and identical card grids. This Skill provides a disciplined design workflow that produces distinctive, production-grade UI code instead of recognizable AI output. ## Core Features & Use Cases - Command-driven design workflow: 20+ sub-commands (craft, shape, audit, polish, bolder, quieter, colorize, typeset, layout, animate, adapt, clarify, harden, and more) each backed by a dedicated reference file defining its exact procedure. - Anti-slop rule system: Enforces absolute bans on saturated AI patterns (side-stripe borders, gradient text, glassmorphism, hero-metric templates) plus register-specific guidance for brand pages versus product UI. - Context-aware setup: Scripts load project context (PRODUCT.md, DESIGN.md), detect existing design tokens, generate brand palette seeds in OKLCH, and recommend next commands from project signals. - Use Case: Ask it to redesign a landing page; it loads the brand register, checks existing tokens, generates a palette, and ships responsive, accessible, motion-aware code that passes contrast and reduced-motion requirements. ## Quick Start Ask the agent to run the impeccable skill with a command like "craft a pricing page" or "audit my dashboard" and it will load the matching reference and execute the full design workflow.
