🤖 AI AgentsOpen SourceFree

Impeccable

The design language that makes your AI harness better at design

4.9/ 5⭐ 47,284 GitHub starsJavaScriptApache-2.0

⭐ Star on GitHub ☁️ Try Impeccable Pro (Coming Soon)🚀 Deploy on npx

📋 Overview

Impeccable is an open-source design skill for AI coding agents (Claude Code, Cursor, Codex) that eliminates generic AI-produced design. It includes 23 commands like polish, audit, critique, animate, bolder, distill — plus 46 deterministic detector rules. Unlike Anthropic's frontend-design skill, Impeccable adds a shared design vocabulary, product/brand context setup, and live browser iteration. Install via `npx impeccable install`.

✨ Key Features

•23 commands: craft, init, critique, audit, polish, bolder, quieter, distill, harden, onboard, animate, colorize, typeset, layout, delight, overdrive, clarify, adapt, optimize, live, extract, shape, document
•46 deterministic detector rules plus LLM-only critique checks
•Live browser iteration mode for visual feedback
•Works with Claude Code (plugin + hook), Cursor, Codex CLI, Gemini CLI, Grok Build
•One-time `/impeccable init` gathers audience, brand, voice, colors, type
•Subcommands: pin any command to create a standalone shortcut (e.g., `/audit`)
•No API key needed for deterministic rule checks
•Submodule install option for teams vendoring through Git

🎯 The Problem It Solves

AI coding tools trained on the same SaaS templates produce predictable, generic design — Inter for everything, purple-blue gradients, cards in cards, gray text on colored backgrounds. Impeccable replaces those anti-patterns with professional design guidance.

🔧 How It Works

Impeccable works as a skill/plugin that you install in your AI coding tool. `/impeccable init` gathers your design context (audience, brand, voice, colors) and writes PRODUCT.md and DESIGN.md. Later commands read that context. The 46 deterministic detector rules (CLI + browser extension) run without LLM/API keys. 23 commands cover craft, init, extract, shape, critique, audit, polish, bolder, quieter, distill, harden, onboard, animate, colorize, typeset, layout, delight, overdrive, clarify, adapt, optimize, live.

🚀 Installation & Quick Start

Installation

git clone https://github.com/pbakaus/impeccable

Quick Start

git clone
Configure with your AI tool

✅ Pros

•Largest design-skill community on GitHub (47K+ stars)
•23 well-defined commands cover the full design workflow
•46 deterministic detectors run without LLM or API key
•Live browser iteration — see changes in real-time as AI codes
•installs via npx, git submodule, or Claude Code plugin
•Supports Claude Code, Cursor, Codex, Gemini CLI, Grok Build, and more
•Anti-pattern guidance produces noticeably better output
•Writes PRODUCT.md and DESIGN.md for reusable design context
•Free and open-source (Apache-2.0)

❌ Cons

•Requires an AI coding agent to use — not a standalone tool
•Pro tier (team features, custom commands) still TBA
•Hook updates in Codex can require re-approval
•Learning curve for non-designers to understand the vocabulary

💬 Practitioner Verdict

“The highest-starred AI design skill at 47K+ stars. Not just another design skill — it is the only one with a shared design vocabulary, live browser iteration, and 46 deterministic detectors that run without an LLM. If you use Claude Code, Cursor, or Codex, this single skill will transform your output quality overnight.”