Applied AI07/08/20268 min read

Impeccable: 61 Free Design Rules for Your AI Agent

Marketing Ultra computer mascot reviewing an interface with Impeccable

Ask an AI agent to design a landing page. Change the model, change the tool, and far too often the same creature appears: Inter everywhere, a purple gradient, cards inside cards, and hierarchy chosen by roulette. Impeccable tries to stop that pattern before it reaches production. It is an open-source skill that adds a design vocabulary, 23 commands, and a detector with 61 deterministic rules.

Marketing Ultra Mascot

TL;DR: The No-Nonsense Summary

  • What it is: an open-source skill that gives Claude Code, Codex, Cursor, and other agents a design vocabulary and a more structured process for improving interfaces.
  • What it adds: 23 commands and a detector with 61 deterministic rules for spotting repetitive AI-made design patterns, with no API key or extra model call.
  • How to get value from it: it works best when you separate shaping, critique, auditing, and polishing, and give the agent specific instructions.
  • The score: 8.8/10. It is useful, free, and fits real work, but loses points because it still makes you push the agent too often.
In this article
  1. The Problem It Solves
  2. Getting Started
  3. Using It in Real Marketing
  4. What They Don't Tell You
  5. What People Say
  6. Verdict
  7. Frequently asked questions about Impeccable
Fact sheet Detail
Website impeccable.style
Code pbakaus/impeccable
License Apache-2.0
Reviewed state 67,757 stars; version 4.3.1; checked September 13, 2026
What it includes 1 skill, 23 commands, live browser iteration, and 61 deterministic rules
Agents Claude Code, Codex, Cursor, Copilot, Gemini CLI, Grok Build, Hermes, OpenCode, and others

The Problem It Solves

Paul Bakaus started from Anthropic's frontend-design skill and turned it into something more operational. It does more than tell the model to “make it pretty.” It adds persistent product context, commands with a specific intent, and two kinds of control: model-based critique and programmatic detection of known patterns.

Impeccable's official website with a before-and-after interface comparison
Screenshot of the official Impeccable website, captured on September 13, 2026. The comparison shows the visual patterns the project aims to correct; it is the author's demonstration, not conversion evidence.

That distinction matters. The detector can flag gray text on colored backgrounds, default typography, nested cards, repetitive decorative icons, or distracting motion. It does so without spending another AI call. For a marketing team producing campaign pages with agents, this works as a first quality barrier: repeatable defects are caught before a human reviews the proposal.

It does not prove that a landing page will convert. It does not score the strategy, the offer, or the clarity of the message. If the brief is mediocre, Impeccable may make it cleaner while leaving it mediocre.

Getting Started

The project's recommended installation command is:

npx impeccable install

The installer detects available coding agents and lets you choose providers and scope. Reload the agent afterward. In Codex, open /hooks and approve the project hook when prompted; an update that changes the hook definition may require approval again.

The first command in a new project should be:

/impeccable init

init inspects the project and writes durable product truth to PRODUCT.md: audience, purpose, operating context, constraints, voice, and evidence. Visual direction is kept separately in DESIGN.md. That is a good decision: it stops “who buys this and why” from being mixed up with “what should this page look like.”

>_Copy-ready prompt

Paste it into Codex, Claude Code, Cursor, or your preferred agent:

Install Impeccable in this project with npx impeccable install. Run /impeccable init to establish the product context. Then run /impeccable audit on the main page and fix the issues it finds without changing the offer or inventing facts.

No magic claim: the agent installs and audits; you still validate the direction.

Using It in Real Marketing

Picture a small team with no in-house designer, producing landing pages in Codex, Cursor, or Claude Code. The useful workflow is not pressing one button and waiting for a masterpiece. It is separating the decisions:

  1. /impeccable shape landing to organize the experience before code.
  2. /impeccable critique landing to review hierarchy, clarity, and resonance.
  3. /impeccable audit landing for accessibility, responsiveness, performance, and deterministic rules.
  4. /impeccable polish landing to align the finish with the design system and prepare it for shipping.

There are more surgical commands too: typeset, layout, colorize, quieter, bolder, clarify, harden, and adapt. The advantage is not memorizing 23 names. It is being able to say what kind of improvement you want without writing a design treatise in every prompt.

The current release also supports browser iteration through /impeccable live. It is designed around a local development server. For a deployed site, URL detection or the Chrome extension is the more appropriate route.

Official Live Mode interface with its start command and preview
Screenshot of the official Live Mode page, captured on September 13, 2026. It shows the command, agent selection, and preview; it documents the product interface but does not guarantee compatibility with every project.

Relevant official video: in this 15:59 talk, Bakaus explains the system's reasoning. The decisive point comes near the end: an adjective without concrete meaning is still just a nicer prompt, and no automatic mode can manufacture judgment.

Watch “Design at the Speed of Adjectives”, by Paul Bakaus at AI Engineer

Official talk by Paul Bakaus at AI Engineer · 15:59 · English audio.

What They Don't Tell You

“61 rules” sounds like a total safety net. It is not. It catches catalogued patterns. A new design can pass every rule and still have weak composition, a confusing promise, or borrowed personality. Part of the critique also depends on the model you are using.

The author puts the limit more accurately than any headline: there is no automatic button, and there will not be one. Taste can be sharpened and amplified, but it grows from context, culture, and accumulated decisions. Impeccable gives you levers; you still decide where to move them.

Two practical limits matter as well:

  • Hooks run checks when the agent edits interface files. Review and approve what you install, especially in shared repositories.
  • The comp-first workflow needs image generation in your environment. Without that capability, the code-first workflow remains available, but that visual branch does not.

What People Say

The last-30-days social search found enough varied material. These are the original posts, not paraphrases hidden behind raw links.

Aditya highlights the central limit: Impeccable will not solve design in one shot. That matches Bakaus's talk and my own experience.

In this Reddit thread, one user says they use it heavily to clean up the AI look and recommends starting with /audit.

Till says months of use have noticeably reduced the generic AI-made look in his work.

There is a counterpoint too. In discussions on ClaudeAI and ClaudeCode, users report that design skills still do not replace human UX judgment. That does not contradict Impeccable's proposition; it puts it in the right category.

Verdict

Impeccable improves the process precisely because it does not need a magic claim. It turns many repeatable visual failures into checks, preserves context agents tend to forget, and gives teams a shared language for requesting intentional changes.

That is why the score stays at 8.8/10. It improves the result considerably, costs nothing, and fits real work. It does not score higher because it still makes me push the agent too often before the rules are actually followed, especially when other skills are active in the same project.


Frequently asked questions about Impeccable

Does Impeccable replace a designer?

No. It detects patterns, structures reviews, and helps the agent make better decisions. Strategy, visual personality, and the final call still require human judgment.

Why do I sometimes have to repeat the instructions?

Because Impeccable guides the agent but cannot fully control how each model interprets its instructions. It works best with clear context, a specific action, and human review, especially when combined with other skills.

Does it need an API key or another paid model?

The 61-rule detector needs neither a language model nor an API key. Commands that request critique or generation use your existing agent; the comp-first workflow does require image generation.

Does it work with Codex?

Yes. The installer supports Codex. After installation, open /hooks and approve the project hook when prompted.

Can it inspect a production website?

live mode targets a local development server. For a public URL, use npx impeccable detect https://your-site.com or the Chrome extension.

Leave a comment

Your email will not be published. We review comments before showing them.