Impeccable

The design vocabulary for your coding agent: an anti-slop design layer with 24 commands, 62 deterministic detectors, and live browser iteration.

Impeccable preview

The gist

The design vocabulary for your coding agent: an anti-slop design layer that eliminates generic AI aesthetics (Inter everywhere, purple-to-blue gradients, cards nested in cards, and gray text on colored backgrounds). Descending from Anthropic's frontend-design skill, Impeccable equips agents with a 24-command design vocabulary, 62 deterministic zero-LLM lint detectors, durable product/design truth files, and live browser iteration across 17+ agent runtimes.

What it does

  • Replaces generic AI design defaults with a 24-command design vocabulary (craft, audit, polish, typeset, colorize, animate, distill).
  • Runs 62 deterministic detector rules locally without an LLM or API key to catch design anti-patterns (nested cards, unreadable contrast, cliché gradients).
  • Establishes durable product truth by generating PRODUCT.md and DESIGN.md context files directly from project code.
  • Iterates on live browser elements using visual variants via live and generate commands rather than manual CSS editing.
  • Deploys across 17+ agent environments out-of-the-box, including Claude Code, Cursor, Codex, Gemini, and Hermes.

How it works

Architecture Diagram
Impeccable Architecture Diagram

You install Impeccable into your project using npx impeccable install, which configures your coding agent runtime, and run /impeccable init to establish product and design truth files. As your agent generates and refines frontend code, 62 deterministic heuristic detectors in the CLI and browser extension run alongside LLM critique passes, actively steering the UI away from standard AI design tells toward a distinctive visual identity.

Best for

  • Frontend developers and product teams using AI coding agents who want to eliminate generic AI slop aesthetics and boilerplate templates.
  • Engineers operating across multiple agent runtimes (Claude Code, Cursor, Codex, Gemini, Hermes) who need a unified design vocabulary.
  • Developers and designers seeking fast, zero-token design linting and live browser iteration alongside their coding assistant.

Watch out for

  • Invasive dotfolder configuration: npx impeccable install drops a stack of 16+ dotfolder configurations into your project that must be reviewed and gitignored rather than acting as a self-contained runtime dependency.
  • Opinionated heuristics: The 62 detectors enforce strict design opinions and can trigger false positives against deliberate or unconventional brand systems; treat them as lint, not law.
  • Hybrid environment dependencies: The full live browser loop requires the companion browser extension and Node/npx, while the core CLI runs on a Rust binary.
  • Fast-moving codebase: Large repository metadata (~868 MB) with 46 open issues and frequent commits landing daily.

What you need: Install it on your computer (npx impeccable install or Rust CLI). Cost: free, open source (Apache-2.0).