What is Impeccable?
Impeccable is a comprehensive design skill system for AI-powered development tools. It gives your AI assistant the vocabulary, principles, and commands needed to create distinctive, production-grade frontend interfaces that avoid generic “AI slop” aesthetics. Every LLM learned from the same generic templates. Without guidance, you get the same predictable mistakes: Inter font, purple gradients, cards nested in cards, gray text on colored backgrounds. Impeccable fights that bias with:- An expanded skill with 7 domain-specific reference files
- 17 steering commands to audit, review, polish, distill, animate, and more
- Curated anti-patterns that explicitly tell the AI what NOT to do
Why Impeccable?
Anthropic created frontend-design, a skill that guides Claude toward better UI design. Impeccable builds on that foundation with deeper expertise and more control.Comprehensive Skill
7 domain-specific reference files covering typography, color, spatial design, motion, interaction, responsive design, and UX writing
17 Commands
Purpose-built commands for every stage: audit quality, normalize inconsistencies, polish details, add motion, and more
Anti-Patterns
Explicit guidance on what to avoid—the fingerprints of AI-generated work that make interfaces feel generic
What’s Included
The Skill: frontend-design
A comprehensive design skill with 7 domain-specific references:| Reference | Covers |
|---|---|
| typography | Type systems, font pairing, modular scales, OpenType |
| color-and-contrast | OKLCH, tinted neutrals, dark mode, accessibility |
| spatial-design | Spacing systems, grids, visual hierarchy |
| motion-design | Easing curves, staggering, reduced motion |
| interaction-design | Forms, focus states, loading patterns |
| responsive-design | Mobile-first, fluid design, container queries |
| ux-writing | Button labels, error messages, empty states |
The frontend-design skill builds on Anthropic’s original skill with expanded references and curated anti-patterns.
17 Commands
All commands are implemented as user-invokable skills that work across supported AI tools:- Quality & Review
- Refinement
- Enhancement
- Transformation
| Command | What it does |
|---|---|
/audit | Run technical quality checks (a11y, performance, responsive) |
/critique | UX design review: hierarchy, clarity, emotional resonance |
/normalize | Align with design system standards |
/polish | Final pass before shipping |
Most commands accept an optional argument to focus on a specific area. For example:
/audit header or /polish checkout-formAnti-Patterns
The skill includes explicit guidance on what to avoid—the common tells of AI-generated interfaces:Typography
- Don’t use overused fonts (Arial, Inter, system defaults)
- Don’t use monospace as lazy shorthand for “technical”
Color
- Don’t use gray text on colored backgrounds
- Don’t use pure black/gray (always tint)
- Avoid cyan-on-dark and purple gradients
Layout
- Don’t wrap everything in cards
- Don’t nest cards inside cards
- Avoid identical card grids
Motion
- Don’t use bounce/elastic easing (feels dated)
- Don’t use glassmorphism everywhere
- Avoid decorative sparklines
The AI Slop Test
Critical quality check: If you showed this interface to someone and said “AI made this,” would they believe you immediately? If yes, that’s the problem. A distinctive interface should make someone ask “how was this made?” not “which AI made this?” The anti-patterns in Impeccable are the fingerprints of AI-generated work from 2024-2025. By explicitly teaching your AI to avoid these patterns, you get interfaces that feel genuinely designed.How It Works
Impeccable uses the Agent Skills standard to inject design expertise directly into your AI assistant’s context. When you invoke a command or work on frontend code:Context Awareness
The skill provides comprehensive design principles, anti-patterns, and implementation guidelines
Command Execution
Commands like
/audit or /polish follow structured workflows to analyze and improve your codeSupported Tools
Impeccable works with all major AI-powered development tools:Cursor
AI-first code editor with native skills support
Claude Code
Anthropic’s coding assistant in the browser
Gemini CLI
Google’s command-line coding assistant
Codex CLI
OpenAI’s command-line coding assistant
Each provider has slightly different capabilities. Impeccable automatically transforms into provider-specific formats to ensure maximum compatibility.
See It In Action
Visit impeccable.style to see before/after case studies of real projects transformed with Impeccable commands.Next Steps
Quick Start
Get from zero to first command in under 5 minutes
Installation
Detailed installation for all supported providers
