Impeccable: Design skills for AI coding tools

2 min read Original article ↗

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.

Cursor logo

Cursor

Skills require setup
  1. Switch to Nightly channel in Settings → Beta
  2. Enable Agent Skills in Settings → Rules
Learn more

Claude logo

Claude Code

/plugin marketplace add pbakaus/impeccable

Then run /plugin menu to install

Or download manually

Gemini logo

Gemini CLI

Skills require setup
  1. Install preview: npm i -g @google/gemini-cli@preview
  2. Run /settings and enable "Skills"
  3. Run /skills list to verify
Learn more

OpenAI logo

Codex CLI

Where do I put the downloaded files?

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 Code: ~/.claude/
  • Cursor: ~/.cursor/
  • Gemini CLI: ~/.gemini/
  • Codex CLI: ~/.codex/

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 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:

  • 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 coding tools. Where do I start?

Skills 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.

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.

Get in touch Leave a tip