> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/pbakaus/impeccable/llms.txt
> Use this file to discover all available pages before exploring further.

# Impeccable

> The design language that makes your AI harness better at design

<div className="py-8">
  <h1 className="text-5xl font-bold mb-4" style={{ fontFamily: 'Georgia, serif' }}>
    The vocabulary you didn't know you needed
  </h1>

  <p className="text-xl text-gray-600 mb-8">
    1 comprehensive skill, 17 specialized commands, and curated anti-patterns for impeccable frontend design. Works with Cursor, Claude Code, Gemini CLI, and Codex CLI.
  </p>
</div>

## Get Started

Transform your AI-powered development workflow with design expertise.

<CardGroup cols={2}>
  <Card title="Quickstart" icon="rocket" href="/quickstart">
    Get up and running in 5 minutes
  </Card>

  <Card title="Installation" icon="download" href="/installation">
    Install for your preferred AI tool
  </Card>
</CardGroup>

## Why Impeccable?

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

## Core Skills

Master frontend design across all dimensions.

<CardGroup cols={2}>
  <Card title="Frontend Design" icon="palette" href="/skills/frontend-design/overview">
    Comprehensive design skill with 7 domain references
  </Card>

  <Card title="Quality & Refinement" icon="badge-check" href="/skills/audit">
    Audit, critique, normalize, and polish your interfaces
  </Card>

  <Card title="Enhancement" icon="sparkles" href="/skills/animate">
    Add motion, color, and moments of delight
  </Card>

  <Card title="Structure & Flow" icon="diagram-project" href="/skills/distill">
    Distill complexity and improve clarity
  </Card>
</CardGroup>

## Popular Commands

<CardGroup cols={3}>
  <Card title="/audit" icon="magnifying-glass" href="/skills/audit">
    Run comprehensive quality checks
  </Card>

  <Card title="/critique" icon="comment" href="/skills/critique">
    Get UX design review
  </Card>

  <Card title="/normalize" icon="sliders" href="/skills/normalize">
    Align with design system
  </Card>

  <Card title="/polish" icon="gem" href="/skills/polish">
    Final refinement pass
  </Card>

  <Card title="/animate" icon="play" href="/skills/animate">
    Add purposeful motion
  </Card>

  <Card title="/distill" icon="filter" href="/skills/distill">
    Strip to essence
  </Card>
</CardGroup>

## Learn the System

<CardGroup cols={2}>
  <Card title="Design Principles" icon="lightbulb" href="/concepts/design-principles">
    Core design philosophy and approach
  </Card>

  <Card title="Anti-Patterns" icon="circle-exclamation" href="/concepts/anti-patterns">
    What to avoid and why
  </Card>

  <Card title="Skill System" icon="book" href="/concepts/skill-system">
    How the skill architecture works
  </Card>

  <Card title="Commands Overview" icon="terminal" href="/usage/commands-overview">
    Complete command reference
  </Card>
</CardGroup>