pbakaus/impeccable
The design language that makes your AI harness better at design.
What it solves
Impeccable provides design guidance and quality control for AI coding agents to prevent them from producing generic, repetitive, and low-quality frontend designs (such as overused fonts, repetitive card layouts, and poor color choices). It establishes a shared design vocabulary and deterministic rules to ensure AI-generated UIs are professional and visually distinct.
How it works
It functions as a "skill" that can be installed into various AI coding tools (like Cursor, Claude Code, GitHub Copilot, and others). It uses a combination of:
- Durable Product Truth: A
PRODUCT.mdfile created via/impeccable initto store the project's audience, purpose, and constraints. - Design Commands: 23 specific commands (e.g.,
/impeccable polish,/impeccable audit,/impeccable animate) that give the AI a precise design vocabulary. - Deterministic Detector: A CLI and browser extension that run 61 rules to detect design anti-patterns without needing an LLM API key.
- Design Hooks: Native hooks that integrate into the agent's workflow to scan UI file edits and surface design findings back to the AI agent in real-time.
Who it’s for
Frontend developers and designers working with AI coding agents who want to move beyond generic "SaaS-style" AI outputs and achieve high-fidelity, professional UI/UX.
Highlights
- Broad Tool Support: Compatible with a wide array of agents including Claude Code, Cursor, Codex, GitHub Copilot, Grok Build, and Gemini CLI.
- Deterministic Rules: 61 rules that identify design flaws without relying on LLM inference.
- Live Iteration: A
/impeccable livemode for iterating on visual variants directly in the browser. - Anti-Pattern Guidance: Explicit instructions to avoid common AI design tells like pure black/gray or nested cards.
Related
- Project
- Project
- Project
- Project
- Project