Skip to main content

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:
ReferenceCovers
typographyType systems, font pairing, modular scales, OpenType
color-and-contrastOKLCH, tinted neutrals, dark mode, accessibility
spatial-designSpacing systems, grids, visual hierarchy
motion-designEasing curves, staggering, reduced motion
interaction-designForms, focus states, loading patterns
responsive-designMobile-first, fluid design, container queries
ux-writingButton 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:
CommandWhat it does
/auditRun technical quality checks (a11y, performance, responsive)
/critiqueUX design review: hierarchy, clarity, emotional resonance
/normalizeAlign with design system standards
/polishFinal pass before shipping
Most commands accept an optional argument to focus on a specific area. For example: /audit header or /polish checkout-form

Anti-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:
1

Skill Activation

Your AI assistant loads the frontend-design skill with all 7 reference files
2

Context Awareness

The skill provides comprehensive design principles, anti-patterns, and implementation guidelines
3

Command Execution

Commands like /audit or /polish follow structured workflows to analyze and improve your code
4

Quality Output

Your AI produces distinctive, production-grade interfaces that avoid generic aesthetics

Supported 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

Build docs developers (and LLMs) love