What problem does it solve? AI-generated frontend code tends to converge on generic, recognizable aesthetics—default fonts, gradient text, side-stripe cards, and templated layouts. This Skill enforces a disciplined design process that produces distinctive, intentional interfaces grounded in real project context instead of reflexive defaults. ## Core Features & Use Cases - Context-First Design Protocol: Requires confirmed design context (audience, use cases, brand personality) via a teach mode that interviews the user and writes a persistent .impeccable.md Design Context file before any design work begins. - Opinionated Aesthetic Rules: Ships strict guidelines for typography (font selection procedure with a banned reflex-font list), color (OKLCH palettes, tinted neutrals, theme derived from audience), spatial design, motion, interaction, and UX writing, plus absolute bans on AI-tell CSS patterns like gradient text and side-stripe borders. - Three Invocation Modes: craft runs a shape-then-build flow with visual iteration, teach sets up project design context, and extract consolidates repeated components and tokens into a design system. - Use Case: A developer asks for a new landing page; the Skill first loads the project's Design Context, commits to a bold aesthetic direction, then implements the page while avoiding every documented AI-slop pattern. ## Quick Start Ask the assistant to run /impeccable teach to set up design context, then use /impeccable craft followed by a feature description to build the interface.
