Cursor
Skills require setup
- Switch to Nightly channel in Settings → Beta
- Enable Agent Skills in Settings → Rules
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 →
One comprehensive skill with deep expertise, plus 17 commands that form the language of design.
Once installed, keep the command cheatsheet handy for quick reference.
/plugin marketplace add pbakaus/impeccable
Then run /plugin menu to install
npm i -g @google/gemini-cli@preview/settings and enable "Skills"/skills list to verify
Extract the ZIP to your project root (same level as your package.json or src/ folder). The files should create a hidden folder like .claude/, .cursor/, .gemini/, or .codex/.
Alternatively, you can install globally to your home directory:
~/.claude/~/.cursor/~/.gemini/~/.codex/Project-level installation takes precedence and lets you version control your skills.
For commands: Type / in your AI tool 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:
@google/gemini-cli@preview + Skills enabled via /settingsSkills and commands are intermediate features. If you're just getting started, learn the basics first:
Once you're comfortable with basic prompting and code generation, come back and give Impeccable a try.
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.