Impeccable

Impeccable

An open-source design skill and CLI that gives AI coding agents professional design vocabulary, anti-pattern detection, and live browser iteration for better frontend UI.

Follow
Tags
ai-workflow
Last Updated Nov 10, 2026
Impeccable screenshot

About

Impeccable is an open-source design skill, command-line tool, browser extension, and website built to improve the visual quality of frontend interfaces produced by AI coding agents. It addresses a common frustration in AI-assisted development: generated interfaces often carry recognizable flaws, such as generic layouts, vague headlines, uniform card grids, and inconsistent spacing — patterns the project itself catalogs under the label "slop." Impeccable gives an agent the design expertise to build new pages, improve existing ones, and stay consistent with a project's design system.

The toolkit works by supplying AI agents with design guidance through structured commands and project context files, plus a deterministic detector that flags common anti-patterns in generated UI. Users run npx impeccable install from a project root, record product context in PRODUCT.md, and can enable hooks so the detector runs automatically as the agent edits UI files. A Live Mode lets users iterate on rendered pages in the browser, compare generated variants of a named element, and write accepted changes back to source. Impeccable is created by Paul Bakaus and distributed as free, open-source software.

Key Features

Anti-pattern detection: A deterministic detector identifies recognizable flaws of AI-generated UI, available via the CLI (`npx impeccable detect`) across files, directories, and rendered URLs, and exposed through a browser overlay.
24 design commands: Commands such as `shape`, `critique`, `audit`, `polish`, `harden`, `optimize`, `extract`, and `document` cover the workflow from discovery brief to final refinement.
Live Mode: Users select an element in the browser or name it in chat, generate UI variants, compare them side by side, and accept one directly into the source code without manual copying.
Design system support: The tool records an existing visual system in `DESIGN.md`, reuses components and tokens, and keeps future agent work consistent with established design decisions.
Automatic checks via hooks: Provider-native hooks run the detector as the agent edits UI files, catching problematic patterns during work rather than after.
Broad agent compatibility: Works with Codex CLI, Claude Code, GitHub Copilot, Cursor, Gemini CLI, Grok Build, Antigravity, OpenCode, Pi, and Hermes Agent, where the coding tool supports hooks.
Project context files: `PRODUCT.md` and design briefs store product goals and user priorities so generated interfaces reflect what matters to a project's users.

Pricing & Fees

  • Pricing: Free and open source, with no paid plans indicated on the pages reviewed; the project notes it can replace some paid products.
  • Install path: The fastest installation is `npx impeccable install` from a project root, followed by project initialization and enabling automatic checks.
  • Browser extension and overlay: A visual critique overlay combines deterministic detection with in-browser review, available alongside the CLI and website.
  • Configuration options: `.impeccable/config.json` supports detector exceptions, inline ignore comments, and multiple project roots, and a `doctor` command repairs drift between project files and the installed version.

Who It's For

Impeccable is aimed at developers and small teams who build frontend interfaces with AI coding agents such as Claude Code, Cursor, or GitHub Copilot and are dissatisfied with the generic look of AI-generated UI. It suits frontend engineers maintaining a design system, solo builders shipping landing pages quickly, and designers working alongside agents who want a record of design decisions the agent respects. It is also useful for teams upgrading internal tools where consistent branding and reduced visual noise matter.

FAQ

What is Impeccable?Impeccable is an open-source design skill, CLI, browser extension, and website that improves AI-generated frontend design through 24 commands, live browser iteration, and deterministic anti-pattern detection.

Is Impeccable free?Yes, Impeccable is free and open source; the pages reviewed show no paid plans, and multiple users have publicly noted that it is free.

Which AI coding tools does Impeccable support?It supports Codex CLI, Claude Code, GitHub Copilot, Cursor, Gemini CLI, Grok Build, Antigravity, OpenCode, Pi, and Hermes Agent, with automatic checks requiring a coding tool that allows hooks.

How does Impeccable detect design problems?It ships a deterministic detector that recognizes cataloged AI UI anti-patterns, runnable over files, directories, and rendered URLs, and viewable through a browser overlay.

Does Impeccable work with an existing design system?Yes, it records the current visual system in `DESIGN.md`, reuses components and design tokens, and keeps future agent-generated work consistent with recorded design decisions.