Impeccable

lastmod 2026-08-13created 2026-03-2310 edits

Making AI harnesses better at design

About

An open-source skill package that provides a design vocabulary and command system to improve the frontend quality of Claude Code, Codex, etc.
An extended version based on Anthropic's frontend-design skill, adding curated patterns and anti-patterns across typography/color/layout/motion, etc.
Includes references for 7 domains: typography, color, space, motion, interaction, responsive, UX writing
20 design commands such as /audit, /normalize, /polish, /typeset form an audit→align→refine workflow
/critique, /distill, /animate, etc. enable UX reviews, simplification, and adding motion
An anti-pattern set blocks common LLM design mistakes (Inter font, nested cards, gray text, etc.)
Each command can target a specific area (/audit checkout, /polish header)
Compatible with most major AI harnesses such as Cursor, Claude Code, Codex CLI; installable with a single line: npx skills add pbakaus/impeccable
Apache 2.0 license
View the demo - Impeccable : Design fluency for AI harnesses

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

Command	What it does
`/impeccable teach`	One-time setup: gathers design context and saves it to the configuration
`/impeccable craft`	Full shape-then-build flow through visual iteration
`/impeccable extract`	Extracts reusable components and tokens into a design system
`/audit`	Runs technical quality checks (accessibility, performance, responsive design)
`/critique`	UX design review: hierarchy, clarity, emotional resonance
`/polish`	Final review, design system alignment, and ready to ship
`/distill`	Strips down to the essentials
~~`/clarify`~~	~~Improves unclear UX copy~~ -> raises 1 security warning
`/optimize`	Performance improvements
`/harden`	Error handling, onboarding, internationalization (i18n), edge cases
`/animate`	Adds purposeful motion
`/colorize`	Introduces strategic color
`/bolder`	Amplifies boring designs
`/quieter`	Tones down overly intense designs
`/delight`	Adds moments of joy
`/adapt`	Adapts to different devices
`/typeset`	Font choice, hierarchy, sizing
`/layout`	Adjusts layout, spacing, and visual rhythm
`/overdrive`	Adds technically impressive effects

author Zer0 sitemap