Impeccable

What it does

A design skill for AI coding agents that helps them build and fix interfaces that don't look like generic AI output. You get one /impeccable command with sub-commands such as critique, audit, polish, bolder, quieter, distill and harden, plus a live mode that swaps design variants into your running dev server. It also ships a detector CLI with deterministic rules for common AI-design tells and quality problems (no LLM or API key needed), and an optional design hook that checks each UI file the agent edits. It started from Anthropic's frontend-design skill. Apache-2.0 licensed.

Who it's for

People building websites and app screens with Claude Code, Cursor, Codex, Copilot, Gemini CLI, OpenCode or similar agents who keep getting the same samey layouts, fonts and colors.

How to set it up

1. From your project folder, run the installer. It detects your coding tools, asks whether to install for this project or globally, and offers the design hook where your tool supports one:

   bashCopy

   npx impeccable install

2. Reload your coding tool, then run init once per project in the agent's chat. It reads your code, asks what it can't work out (who the product is for, what it needs to do) and writes PRODUCT.md. On Codex the prefix is $ instead of /:

   textCopy

   /impeccable init

3. Claude Code alternative: add the plugin marketplace, then open /plugin and install Impeccable:

   textCopy

   /plugin marketplace add pbakaus/impeccable

4. Point a command at one narrow target. Narrow targets work better than whole pages:

   textCopy

   /impeccable critique the pricing cards
   /impeccable polish settings
   /impeccable harden checkout

5. Run the detector on its own, on source files or a rendered page (rules like low contrast only run on a URL). Exit code 2 means it found problems, which makes it usable in CI:

   bashCopy

   npx impeccable detect src/
   npx impeccable detect http://localhost:5173
   npx impeccable detect --list-rules

6. Things to know before you use it: the design hook runs outside the model's approval prompts, so in Claude Code it runs even when you deny the model's own commands (pass --settings '{"disableAllHooks": true}' to switch hooks off for a run). The skill fetches design directions from impeccable.style, and sends an anonymous record of which ones were shown and picked unless you turn telemetry off with npx impeccable telemetry off or DO_NOT_TRACK=1. In live mode, Apply can fall back to running the codex or claude CLI with approvals and sandboxing turned off; set IMPECCABLE_LIVE_COPY_AGENT=chat (or off) before starting live mode to prevent that.

Check the official Impeccable docs for the latest steps.

Set it up / Fixes

Step-by-step guides for getting Impeccable running and fixing common errors.

• Setup:How to create an Agent Skill (SKILL.md)

Example prompts

/impeccable critique the onboarding flow and list the three changes that would help most.

/impeccable quieter the landing page hero, keep the copy as is.

Run npx impeccable detect on src/components and fix every finding in the Button and Card components.

Made Impeccable? Add the badge

If you like, show that Impeccable is listed and hand-checked here. It's optional: listings are free and we never ask for a link back.

[![Hand-checked on PluginStack](https://www.pluginstackai.com/badge/hand-checked.svg)](https://www.pluginstackai.com/plugins/impeccable/)

<a href="https://www.pluginstackai.com/plugins/impeccable/"><img src="https://www.pluginstackai.com/badge/hand-checked.svg" alt="Hand-checked on PluginStack" width="226" height="28"></a>

About the badge

Free: MCP Starter Checklist

After you set this tool up, use the one-page checklist so your next MCP server doesn't fail on first connect.