</>MCP Agents Market
Skill

impeccable

by pbakaus73kJavaScriptUpdated 2026-10-01

The design language that makes your AI harness better at design.

CursorClaude CodeGitHub CopilotCodexGrok Build

Impeccable is a design guidance skill for AI coding agents that adds 23 specialized commands to improve frontend design quality. It addresses the problem of AI-generated interfaces looking identical—using the same fonts, gradients, and card-heavy layouts—by providing structured design context, critique workflows, and 59 deterministic detector rules that catch AI design anti-patterns. Developers install it once with npx impeccable install, run /impeccable init to capture brand context, then use commands like /impeccable polish, /impeccable critique, or /impeccable audit throughout their workflow to refine UI quality.

Key Features

23 design commands accessible through /impeccable including polish, audit, critique, shape, bolder, quieter, distill, animate, and live visual iteration
One-time /impeccable init setup flow that writes PRODUCT.md and DESIGN.md with brand context, audience, voice, colors, and anti-references
59 deterministic detector rules that catch AI design tells like overused fonts (Inter), purple gradients, nested cards, gray text on colored backgrounds, and bounce easing
Design hook for Claude Code, GitHub Copilot, Codex, Cursor, and Grok Build that runs detector on file edits and surfaces findings in agent flow
Standalone CLI for detecting anti-patterns without an AI harness, supporting directory scans, URL scanning via Puppeteer, and CI-friendly JSON output
Command pinning with /impeccable pin to create shortcuts like /audit or /polish for frequently-used operations
Support for 15+ AI coding tools including Cursor, Claude Code, GitHub Copilot, Gemini CLI, Codex, Grok Build, OpenCode, Pi, Trae, Rovo Dev, Qoder, and Mistral Vibe
Comp-first or code-first build path choice with session-level toggle for image generation workflows

Use Cases

  • 01Running /impeccable audit before shipping to catch accessibility, performance, and responsive design issues
  • 02Using /impeccable init at project start to define brand lane and design system so later AI-generated code matches your style
  • 03Executing /impeccable critique on landing pages to get UX design reviews covering hierarchy, clarity, and emotional resonance
  • 04Applying /impeccable bolder to generic AI-generated designs that feel too safe and corporate
  • 05Running npx impeccable detect in CI pipelines to enforce design quality rules and block AI slop patterns
  • 06Using /impeccable harden on checkout flows to add error handling, internationalization, and edge-case coverage

Related Skills

View more

impeccable — FAQ

What is Impeccable?+

Impeccable is a design guidance skill for AI coding agents that adds 23 commands and 59 detector rules to improve frontend design quality. It helps AI assistants avoid generic SaaS templates and create distinctive, polished interfaces by capturing brand context and running structured critique workflows.

How do I install Impeccable?+

Run npx impeccable install from your project root. The installer detects your AI harness folders (like ~/.claude or .cursor), installs the skill, and sets up provider-native hooks. Then reload your AI coding tool and run /impeccable init to configure design context.

Which AI coding tools work with Impeccable?+

Impeccable supports Cursor, Claude Code, GitHub Copilot, Gemini CLI, Codex CLI, Grok Build, OpenCode, Pi, Trae, Rovo Dev, Qoder, Mistral Vibe, Google Antigravity, and other tools with skill support. Installation paths vary slightly by provider.

Do I need API keys to use Impeccable?+

The 59 deterministic detector rules run with no LLM and no API key via the CLI or browser extension. The /impeccable commands that run inside AI coding tools use your existing AI assistant's API access with no additional keys required.

Is Impeccable free to use?+

Yes, Impeccable is open source under the Apache 2.0 license and free to use. The CLI detector and all 23 commands are available at no cost.

How do I use Impeccable after installation?+

Start with /impeccable init to set up design context, then use commands like /impeccable audit, /impeccable polish, or /impeccable critique followed by an optional target (e.g., /impeccable audit the header). Type /impeccable alone to see the full command list, and use /impeccable pin <command> to create shortcuts for frequently-used operations.

How do I install impeccable?+

Open the source repository on GitHub and follow its README. impeccable is a skill — MCP Agents Market links you directly to the official repo.

Is impeccable free?+

impeccable is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.

Related searches