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 with explicit anti-pattern bans and project-specific design context so interfaces look intentionally designed rather than machine-produced. ## Core Features & Use Cases - Design Context Protocol: Gathers target audience, use cases, and brand personality via a teach mode that writes a persistent .impeccable.md context file before any design work begins. - Opinionated Design Rules: Provides concrete guidelines for typography (font selection procedure, modular scales), color (OKLCH palettes, tinted neutrals), spatial rhythm, motion, interaction, and UX writing, plus absolute bans on AI-tell CSS patterns. - 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: When asked to build a dashboard or landing page, the Skill first loads the project's design context, commits to a bold aesthetic direction, then implements working code while avoiding banned patterns like gradient text and border-left accent stripes. ## Quick Start Ask the AI to craft a new settings page for your app using the impeccable skill with your project's design context.
