The Antidote
Anthropic's original frontend-design skill laid the foundation. Impeccable builds on it with curated patterns and anti-patterns across typography, color, layout, motion, and more.
Missing something? Suggest a pattern →
The Framework
One comprehensive skill with deep expertise, plus 20 commands that form the language of design.
Install
One command. Every provider.
npx skills add pbakaus/impeccable
/plugin marketplace add pbakaus/impeccable
/plugin to install from Discover tab
Cursor
Claude Code
Gemini CLI
Codex CLI
Copilot
Antigravity
Kiro
OpenCode
Pi
Once installed, keep the command cheatsheet handy for quick reference. To update, run npx skills update.
What's New
- 3 new skills:
/typeset(fix typography),/arrange(fix layout & spacing),/overdrive(technically extraordinary effects, beta) - Skills now auto-gather design context via
.impeccable.md— run/teach-impeccableonce, all skills benefit - Deep linking to commands (
#cmd-overdrive, etc.)
- Added OpenCode provider support
- Added Pi provider support
- Recategorized
/onboardas an enhancement command
- Added Kiro support (
.kiro/skills/) - Restored prefix toggle — download
i-prefixed bundles to avoid naming conflicts - Audit and critique skills only suggest real, installed commands
- Unified skills architecture — commands are now skills with
user-invokable: true - Added VS Code Copilot and Google Antigravity support (
.agents/skills/) - New install flow:
npx skills addas primary, universal ZIP as fallback - Added universal ZIP containing all 5 provider directories
- Renamed
/simplifyto/distillto avoid Claude Code conflict
- Initial release with enhanced frontend-design skill
- 17 design commands: /polish, /audit, /distill, /bolder, and more
- Support for Cursor, Claude Code, Gemini CLI, and Codex CLI
- Interactive command cheatsheet
Frequently Asked Questions
Where do I put the downloaded files?
The easiest way is npx skills add pbakaus/impeccable — it auto-detects your AI harness and places files correctly.
If you downloaded the universal ZIP, extract it to your project root (same level as your package.json or src/ folder). It creates hidden folders for each supported tool: .cursor/, .claude/, .gemini/, .codex/, and .agents/.
Project-level installation takes precedence and lets you version control your skills.
How do I update to the latest version?
- All tools:
npx skills update(ornpx skills checkto see what's new first) - Claude Code plugin: Open
/plugin, go to the Discover tab, and update from there - Manual ZIP: Download the latest ZIP from above and extract to your project root, overwriting existing files
Your .impeccable.md design context file (created by /teach-impeccable) is never overwritten — your project context is preserved across updates.
Commands or skills aren't appearing. What do I do?
For commands: Type / in your AI harness and look for commands like /audit, /polish, etc. If they don't appear, double-check the files are in the correct location.
For skills: Skills are applied automatically when relevant. To verify, explicitly mention "use the frontend-design skill" in your prompt—this forces the AI to acknowledge and apply it.
Tool-specific setup:
- Cursor: Requires Nightly channel + Agent Skills enabled in Settings → Rules
- Gemini CLI: Requires
@google/gemini-cli@preview+ Skills enabled via/settings
I'm new to AI harnesses. Where do I start?
Skills and commands are intermediate features. If you're just getting started, learn the basics first:
- Claude Code: Official Documentation
- Cursor: Cursor Docs
- Gemini CLI: Gemini CLI Docs
- Codex CLI: Codex GitHub
Once you're comfortable with basic prompting and code generation, come back and give Impeccable a try.
Work with me
I help teams navigate AI transformation: upleveling developers, building AI-native workflows, and shipping products. Deep expertise in developer experience, design systems, and full-stack architecture.