Skills
Chapter 1 of 1
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend…
5 minutes · 1,105 words · 4 sections
This skill gives you the tools and permission to create design that earns to be called out-of-distribution craft: Whereas before, your design work would have been safe, timid and measured, you now approach every design task as a award-winning design director with impeccable understanding for what makes exceptional design work: production-grade code, peak creativity, a clear POV, deep understanding of the needs of the client and users, and exceptional craft.
Core principles:
node <skill-base-dir>/scripts/context.mjs once per session, where <skill-base-dir> is the loaded base directory the runtime reports for this skill; keep cwd at the user’s project. That base directory resolves every node .claude/skills/impeccable/scripts/... command in this skill and its references, and .claude/skills/impeccable/scripts is the fallback only when the runtime reports no base directory. Pass a named source file or route as --target <path>. It loads PRODUCT.md, DESIGN.md, the matching surface brief, and native-platform guidance when applicable; follow its directives and do not rerun it.The mode names what the visitor’s success looks like on this surface.
Choose the mode from the requested surface, not the product, and persist it only in that surface brief. A tool’s landing page is still Persuade; a fashion house’s documentation is still Read; a docs index is Read, not Persuade. See new-work.md (opens in a new tab) for new surfaces and operate.md (opens in a new tab) for deeper Operate/Read guidance.
| Command | Category | Description | Reference |
|---|---|---|---|
craft [feature] | Build | Deprecated alias for an ordinary new-work request | reference/craft.md (opens in a new tab) |
shape [feature] | Build | Plan UX/UI before writing code | reference/shape.md (opens in a new tab) |
init | Build | Capture durable product context in PRODUCT.md | reference/init.md (opens in a new tab) |
document | Build | Generate DESIGN.md from existing project code | reference/document.md (opens in a new tab) |
extract [target] | Build | Pull reusable tokens and components into design system | reference/extract.md (opens in a new tab) |
critique [target] | Evaluate | UX design review with heuristic scoring | reference/critique.md (opens in a new tab) |
audit [target] | Evaluate | Technical quality checks (a11y, perf, responsive) | reference/audit.md (opens in a new tab) · native: reference/audit.native.md (opens in a new tab) |
polish [target] | Refine | Final quality pass before shipping | reference/polish.md (opens in a new tab) |
bolder [target] | Refine | Amplify safe or bland designs | reference/bolder.md (opens in a new tab) |
quieter [target] | Refine | Tone down aggressive or overstimulating designs | reference/quieter.md (opens in a new tab) |
distill [target] | Refine | Strip to essence, remove complexity | reference/distill.md (opens in a new tab) |
harden [target] | Refine | Production-ready: errors, i18n, edge cases | reference/harden.md (opens in a new tab) |
onboard [target] | Refine | Design first-run flows, empty states, activation | reference/onboard.md (opens in a new tab) |
animate [target] | Enhance | Add purposeful animations and motion | reference/animate.md (opens in a new tab) |
colorize [target] | Enhance | Add strategic color to monochromatic UIs | reference/colorize.md (opens in a new tab) |
typeset [target] | Enhance | Improve typography hierarchy and fonts | reference/typeset.md (opens in a new tab) |
layout [target] | Enhance | Fix spacing, rhythm, and visual hierarchy | reference/layout.md (opens in a new tab) |
delight [target] | Enhance | Add personality and memorable touches | reference/delight.md (opens in a new tab) |
overdrive [target] | Enhance | Push past conventional limits | reference/overdrive.md (opens in a new tab) |
clarify [target] | Fix | Improve UX copy, labels, and error messages | reference/clarify.md (opens in a new tab) |
adapt [target] | Fix | Adapt for different devices and screen sizes | reference/adapt.md (opens in a new tab) · native: reference/adapt.native.md (opens in a new tab) |
optimize [target] | Fix | Diagnose and fix UI performance | reference/optimize.md (opens in a new tab) |
live | Iterate | Visual variant mode: pick elements in the browser, generate alternatives | reference/live.md (opens in a new tab) |
Routing:
teach aliases init. craft is a deprecated alias for ordinary new-work and adds nothing. shape owns task discovery, then enters new-work only for visual-world and surface-concept decisions.After init writes PRODUCT.md, resume without rerunning context.mjs; init loads the native platform reference itself when the platform it recorded is ios, android, or adaptive.
Pin / Unpin: node .claude/skills/impeccable/scripts/pin.mjs <pin|unpin> <command> creates or removes a standalone /<command> shortcut. Report the script’s result concisely; relay stderr verbatim on error.
Hooks: /impeccable hooks <on|off|status|ignore-rule|ignore-file|ignore-value|reset> manages the design detector hook for this project (auto-runs the detector after UI file edits and surfaces findings). Load reference/hooks.md (opens in a new tab) when the user invokes it with any argument.
Doctor: /impeccable doctor reports and repairs drift between this project’s Impeccable artifacts (PRODUCT.md, DESIGN.md and its sidecar, config, surface briefs, the hook) and what this version reads. Load reference/doctor.md (opens in a new tab) when the user invokes it, or when they ask what is out of date, stale, or needs refreshing. A CONTEXT_STALE directive in Setup’s output is the cheap subset of the same report; act on it there per its own instructions rather than running doctor unasked.
Never repair drift as a side effect of a design task. A CONTEXT_STALE finding is reported, not acted on, unless the user asks. The one exception is a finding marked auto, which the next write to that file performs anyway.
Install this repository
npx skills add pbakaus/impeccable/plugin marketplace add pbakaus/impeccableSkills install per repository, not per chapter — the CLI has no documented per-skill form, so we do not print one.
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
The verbatim description from this skill’s front matter — the string an agent matches on to decide whether to load it.
main, last pushed 10 August 2026.SKILL.md, not by matching a directory convention. One layout observed: plugin/skills/*/SKILL.md..claude-plugin/marketplace.json by Paul Bakaus, declaring 1 plugin. It is read for editorial metadata only — never as the skill index, which is always the repository tree./pbakaus/impeccable.md, and each chapter at its own .md URL.147 files · 3.0 MB
Everything this skill ships beside its prose. 144 of them are set here as subchapters of chapter 1; the other 3 are described rather than reproduced.
Documentation the agent loads on demand, rather than up front.
reference/35 files · 317 KBreference/degraded/4 files · 31 KB
Executable code the skill can run.
scripts/36 files · 775 KBscripts/detector/browser/injected/1 file · 80 KB
scripts/detector/cli/1 file · 19 KB
scripts/detector/3 files · 39 KB
scripts/detector/engines/browser/1 file · 14 KB
scripts/detector/engines/regex/1 file · 47 KB
scripts/detector/engines/static-html/2 files · 55 KB
scripts/detector/engines/visual/1 file · 6 KB
scripts/detector/node/1 file · 8 KB
scripts/detector/profile/1 file · 4 KB
scripts/detector/registry/1 file · 27 KB
scripts/detector/shared/5 files · 16 KB
scripts/lib/17 files · 169 KBscripts/live/22 files · 296 KBscripts/live/frameworks/12 files · 40 KB