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 17 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
Once installed, keep the command cheatsheet handy for quick reference.
What's New
- 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.
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.