Impeccable

Design fluency for AI coding tools

Great design prompts require design vocabulary. Most people don't have it. You can't ask for "more vertical rhythm" if you've never used those words. Impeccable gives you commands that put designer language in your hands.

What's included
Enhanced frontend-design skill + anti-patterns · 17 commands: /polish, /audit, /simplify, /bolder...
Get Started
Works with
Cursor Claude Code Gemini CLI Codex CLI
Welcome to Our Platform
The best solution for your needs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is generic placeholder text.

Inter font (again) Purple gradient Generic copy Cards on cards

Introducing

Thoughtful Design

Every element serves a purpose. Hierarchy guides the eye. Whitespace breathes.

With Skills
Generic AI Output
With Design Skills
01

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 →

02

The Framework

One comprehensive skill with deep expertise, plus 17 commands that form the language of design.

03

Commands in Action

See the commands in action View cheatsheet →

04

Download for Your AI Harness

Same skills and commands, packaged for your tool of choice.

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

05

Frequently Asked Questions

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.