Skill review · by Paul Bakaus (pbakaus)
Impeccable Claude Skill
Impeccable is a Claude skill for frontend design, shipped by Paul Bakaus — the jQuery UI creator — at pbakaus/impeccable and impeccable.style. It packages one skill with 23 slash commands (audit, critique, polish, bolder, quieter, animate, and the rest), 61 deterministic detector rules, and a live browser-iteration mode, all aimed at stopping AI-generated UI from converging on the same Inter-font, purple-gradient, card-in-card look. It started from Anthropic's official frontend-design skill and outgrew it; the repo sits at roughly 64,600 stars under Apache-2.0 and was pushed the day of this review. The one thing to know before installing: this is not a single markdown file. Running `npx impeccable install` writes skill folders and hook manifests into your project, and `/impeccable init` adds a PRODUCT.md at the root — some harnesses also require you to approve its hooks. It works in Claude Code, Cursor, Codex CLI, Gemini CLI, Grok Build, and others.
Founder, Automation Squad ·
Install
- 1From your project root, run `npx impeccable install` — it detects installed harnesses (e.g. ~/.claude, project .cursor), lets you pick providers and project-vs-global scope, and installs the skill plus hook manifests. Reload Claude Code afterward.
- 2Alternatively, in Claude Code: `/plugin marketplace add pbakaus/impeccable`, then open `/plugin` and install Impeccable from the list.
- 3Run `/impeccable init` once — it asks about durable product context and writes PRODUCT.md at your project root.
- 4Use it: `/impeccable audit <target>`, `/impeccable critique <target>`, `/impeccable polish <target>`, or just `/impeccable redo this hero section`.
- 5Update later with `npx impeccable update`. Codex and Grok Build users must re-approve project hooks after updates that change hook files.
What it does
- Design commands
- 23 sub-commands under one /impeccable skill: craft, shape, critique, audit, polish, bolder, quieter, distill, harden, onboard, animate, colorize, typeset, layout, delight, overdrive, clarify, adapt, optimize, live, and more. `/impeccable pin audit` creates a standalone /audit shortcut.
- Project context
- /impeccable init inspects the project and writes PRODUCT.md (audience, purpose, constraints, voice); /impeccable document generates a DESIGN.md from existing code so later commands design against your real system, not category habit.
- Deterministic detectors
- 61 rules that run via the CLI and browser extension with no LLM and no API key, catching mechanical tells like gray text on colored backgrounds, pure black/gray, and nested cards.
- Live browser iteration
- /impeccable live lets you pick elements in the running page and generate visual variants in place instead of describing changes in chat.
- Anti-pattern guardrails
- Explicit bans on overused fonts (Inter, Arial, system defaults), purple-to-blue gradients, cards nested in cards, gray-on-color text, and bounce/elastic easing — the standard AI-design tells.
Common questions
- Is Impeccable an official Anthropic skill?
- No. It is built and maintained by Paul Bakaus (creator of jQuery UI, formerly of Google), published under Apache-2.0. It started from Anthropic's official frontend-design skill and extended it substantially.
- Does Impeccable cost anything?
- No. The skill, CLI, and browser extension are free and Apache-2.0 licensed. The 61 detector rules run deterministically with no LLM and no API key; the skill itself consumes your normal Claude usage.
- Does it only work with Claude Code?
- No. The same installer targets Cursor, Codex CLI, Gemini CLI, GitHub Copilot, Grok Build, Hermes, OpenCode, and a dozen other harnesses. Claude Code additionally gets a plugin-marketplace install path.
- What is the difference between audit, critique, and polish?
- audit runs technical quality checks (accessibility, performance, responsive behavior); critique is a UX design review with heuristic scoring on hierarchy and clarity; polish is the final design-system alignment pass before shipping.