Claude Code · Design skill
A Claude Code skill that enforces production-grade design standards. Committed aesthetic choices. Real craft. AI slop patterns caught before they ship.
Live command
Open your browser, point at any element, and impeccable generates design alternatives for it. Three button weights. Two card layouts. A different color strategy. All before touching code.
Every alternative is calculated against your actual design system: your brand colors, your type scale, your spacing. No generic variations.
Try /impeccable liveThe command system
Design laws
Bad patterns have names. Naming them is the first step to banning them. These are the patterns impeccable catches before they make it to production.
The colored left-border on cards and callouts as a hierarchy signal. It's shorthand for design thinking. Rewritten with full borders, background tints, leading numbers, or nothing at all.
Background-clip text with a gradient fill. Decorative without meaning, and a clear AI tell. Replaced with a single solid color. Emphasis comes from weight and scale, not chrome.
Big number, small label, supporting stats, gradient accent. A SaaS landing page pattern so overused it stopped communicating anything years ago. Rewritten from scratch.
Icon + heading + text, same card size, repeated until the grid fills. Cards are the lazy answer. There are always better affordances when the content is actually considered.
Blur and glass used decoratively because it "looks modern." When everything is glass, nothing is. Used sparingly and purposefully, or not at all.
Dark because "developer tools look cool dark." Light because "safer." Theme is decided by a physical scene sentence: who uses this, where, under what ambient light, in what mood. Not a reflex.
Context-aware design
Run /impeccable teach once. impeccable reads your project, asks the right questions, and writes PRODUCT.md: your brand personality, color strategy, type system, and design principles.
From then on, every command works from that context. Alternatives generated by the annotator fit your palette. Colors suggested by colorize match your strategy. Nothing generic.
Run /impeccable document to extract DESIGN.md from existing code: tokens, scale, elevation, and component patterns pulled directly from what's already shipping.
Add the skill to your Claude Code project. Run one command. Start designing like it matters.
/impeccable teach Then /impeccable craft, shape, live, or any of 20+ commands.