Agent skillsDesign

Impeccable: a shared design vocabulary for you and your AI agent

Models learned from the same SaaS templates, so they keep returning Inter, purple-to-blue gradients and cards nested in cards. Impeccable grew out of Anthropic's frontend-design skill: it first records the product's facts in PRODUCT.md, then gives the agent 24 commands and a detector that flags common tells without calling a model.

85,825stars on GitHub · #18

Open on GitHub

Install

  • skills CLI
    npx skills add pbakaus/impeccable@impeccable
  • npm
    npx impeccable install
  • Claude Code plugin
    /plugin marketplace add pbakaus/impeccable

Download ZIP

Author
pbakaus
Licence
Apache-2.0
Pack
Single skill
Updated
24 October 2026
Agents
Claude Code, Cursor, Codex, Gemini CLI, GitHub Copilot, OpenCode, Grok Build, Trae, Google Antigravity

What it does

  • One entry point, /impeccable, with 24 commands such as craft, shape, critique, audit, polish, bolder, quieter, distill, harden and typeset
  • /impeccable init inspects the project, asks only about real gaps and writes PRODUCT.md with audience, purpose, constraints and voice
  • 62 deterministic detector rules; the CLI and the browser extension run them with no LLM and no API key
  • Live mode iterates on variants of an element in the browser, and /impeccable document builds DESIGN.md from existing code
  • Pin a command you use often: /impeccable pin audit gives you a standalone /audit

When to use it

  • The UI works but feels bland, and you need to know what to change in type, colour and layout
  • You want one pass over accessibility, performance and responsive behaviour before shipping
  • A checkout or settings form breaks on long text, errors or translations, which is what harden is for

Ask your agent

  • /impeccable critique landing: review the hierarchy and clarity of the home page
  • /impeccable harden checkout and cover error states and long strings in the payment form
  • /impeccable quieter on this dashboard, it shouts too much

Questions

How do I install Impeccable?

From the project root run npx impeccable install; it detects your agent folders and asks whether to install globally or per project. Then run /impeccable init in your tool.

Does Impeccable work in Cursor and Codex?

Yes. The README lists Cursor, Claude Code, Gemini CLI, Codex CLI, GitHub Copilot, OpenCode, Trae, Grok Build and more, with separate install steps for Codex and Cursor.

How is Impeccable different from frontend-design?

It started from Anthropic's frontend-design and adds PRODUCT.md setup, 24 commands and a 62-rule detector that runs without a model.

DesignAll skills