impeccable

Name: impeccable
Author: az9713

By az9713

Design fluency for frontend development. 1 skill with 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

npx claudepluginhub az9713/impeccable-tutorial

What's Inside

Skills1

impeccable

/impeccable

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.

README

Impeccable

This is a tutorial fork of pbakaus/impeccable, enhanced with extensive documentation. All credit for the original skill, commands, CLI, and live mode goes to Paul Bakaus. This fork (az9713/impeccable-tutorial) adds a full docs/ directory covering concepts, guides, reference, architecture, and troubleshooting.

Impeccable quality overview

The Quality Flywheel

The Context Stack

Command System As Design Specialisation

Anti-Pattern Detector As Guardrail

The vocabulary you didn't know you needed. 1 skill, 23 commands, and curated anti-patterns for impeccable frontend design.

See it in action

Claude Code + Impeccable = Design CHEAT CODE Watch on YouTube →

Documentation

Full docs are in docs/:

Section	What's inside
Quickstart	Install and run your first command in 15 minutes
What is Impeccable?	Mental model, how it works
Command reference	All 23 commands
CLI reference	`detect`, `skills install`, flags, exit codes
Design laws and anti-patterns	What the AI enforces, what the CLI catches
Troubleshooting	Install, live mode, and CLI fixes

Quick start: Visit impeccable.style to download ready-to-use bundles.

Why Impeccable?

Anthropic created frontend-design, a skill that guides Claude toward better UI design. Impeccable builds on that foundation with deeper expertise and more control.

Every LLM learned from the same generic templates. Without guidance, you get the same predictable mistakes: Inter font, purple gradients, cards nested in cards, gray text on colored backgrounds.

Impeccable fights that bias with:

An expanded skill with 7 domain-specific reference files (view source)
23 commands to audit, review, polish, distill, animate, and more
Curated anti-patterns that explicitly tell the AI what NOT to do

What's Included

The Skill: impeccable

A comprehensive design skill with 7 domain-specific references (view skill):

Reference	Covers
typography	Type systems, font pairing, modular scales, OpenType
color-and-contrast	OKLCH, tinted neutrals, dark mode, accessibility
spatial-design	Spacing systems, grids, visual hierarchy
motion-design	Easing curves, staggering, reduced motion
interaction-design	Forms, focus states, loading patterns
responsive-design	Mobile-first, fluid design, container queries
ux-writing	Button labels, error messages, empty states