Search DevTools

Jump to any tool or page

Impeccable UI

Trending

Master frontend design skill for crafting extraordinary, high-performance UI components, layout systems, design tokens, micro-animations, and visual polish.

Paul Bakaus3,200 stars310 forksDesign & UX
View source

Install

Terminal

$agy skill add pbakaus/impeccable

mcp_config.json

{
  "mcpServers": {
    "impeccable": {
      "command": "npx",
      "args": [
        "-y",
        "impeccable"
      ]
    }
  }
}

Tools exposed2

audit_ui_accessibility
Audits WCAG contrast ratios, focus states, and aria attributes across components.
generate_theme_tokens
Generates HSL semantic tokens and dark mode elevation palettes.

Documentation

Impeccable Frontend Design & Visual Craft Skill

Overview

Impeccable is an open-source design skill created by Paul Bakaus for AI coding agents like Claude Code, Gemini CLI, Cursor, and Antigravity. It provides rules and workflows for:

  • Anti-slop UI design principles (eliminating generic AI purple/blue gradients)
  • Micro-interactions, hover states, and smooth motion transitions
  • Accessibility (WCAG AA compliance, visible focus bounds, non-conflicting ARIA labels)
  • Command suite (/impeccable audit, /impeccable polish, /impeccable adapt)

How to Install

For Antigravity IDE / agy CLI

Run in terminal:

agy skill add pbakaus/impeccable

For Claude Desktop / Custom Agent Prompting

Place the SKILL.md file inside your local .agents/skills/impeccable/ or ~/.gemini/config/skills/impeccable/ directory.

Sourced from the repository README.

More in Design & UX