Impeccable

Community design skill for shaping, auditing, polishing, and iterating frontend UI with 23 commands and deterministic anti-slop rules — from pbakaus/impeccable.

CopilotCursorKilo
AuthorPaul Bakaus
Updated
uidesignfrontendaccessibilityaudit

Overview

Upstream community skill for production-grade frontend design with AI coding agents. One skill (impeccable) exposes 23 commands — init, craft, shape, critique, audit, polish, animate, layout, typeset, and more — plus deterministic detector rules for common AI UI tells (generic fonts, gray-on-color text, nested cards, bounce easing).

Start new projects with /impeccable init to write PRODUCT.md and optional DESIGN.md so later commands share audience, brand lane, typography, and anti-references.

Upstream: pbakaus/impeccable · impeccable.style

When to use

Need Use this
End-to-end design workflow: init, shape, audit, polish impeccable
Technical quality checks (a11y, performance, responsive) /impeccable audit
UX critique: hierarchy, clarity, emotional resonance /impeccable critique
Anti-slop landing pages and redesigns taste-skill
Animation polish and interaction review emil-design-eng
shadcn/ui component composition shadcn-ui-v4

Installation

Install from upstream — do not copy skill files from memory:

npx skills add pbakaus/impeccable

The skill install name is impeccable. For provider-specific builds and hooks, upstream also recommends:

npx impeccable install

Use npx impeccable update to refresh an existing install. See upstream README for submodule, ZIP, and per-tool copy options.

Usage

Initialize design context on a new project:

/impeccable init

Then run targeted commands, for example:

/impeccable audit settings
/impeccable polish landing
/impeccable animate hero

Pin shortcuts with /impeccable pin audit to create standalone /audit commands.

Raw content

Copy into your project — e.g. .instructions.md, .agent.md, or SKILL.md

## Overview

Upstream community skill for production-grade frontend design with AI coding agents. One skill (`impeccable`) exposes 23 commands — `init`, `craft`, `shape`, `critique`, `audit`, `polish`, `animate`, `layout`, `typeset`, and more — plus deterministic detector rules for common AI UI tells (generic fonts, gray-on-color text, nested cards, bounce easing).

Start new projects with `/impeccable init` to write `PRODUCT.md` and optional `DESIGN.md` so later commands share audience, brand lane, typography, and anti-references.

**Upstream:** [pbakaus/impeccable](https://github.com/pbakaus/impeccable) · [impeccable.style](https://impeccable.style)

## When to use

| Need | Use this |
|------|----------|
| End-to-end design workflow: init, shape, audit, polish | **impeccable** |
| Technical quality checks (a11y, performance, responsive) | `/impeccable audit` |
| UX critique: hierarchy, clarity, emotional resonance | `/impeccable critique` |
| Anti-slop landing pages and redesigns | [taste-skill](/skills/taste-skill) |
| Animation polish and interaction review | [emil-design-eng](/skills/emil-design-eng) |
| shadcn/ui component composition | [shadcn-ui-v4](/instructions/shadcn-ui-v4) |

## Installation

Install from upstream — do not copy skill files from memory:

```bash
npx skills add pbakaus/impeccable
```

The skill install name is `impeccable`. For provider-specific builds and hooks, upstream also recommends:

```bash
npx impeccable install
```

Use `npx impeccable update` to refresh an existing install. See upstream README for submodule, ZIP, and per-tool copy options.

## Usage

Initialize design context on a new project:

```
/impeccable init
```

Then run targeted commands, for example:

```
/impeccable audit settings
/impeccable polish landing
/impeccable animate hero
```

Pin shortcuts with `/impeccable pin audit` to create standalone `/audit` commands.

Next steps

Matched by shared tags and category. Browse all skills