When Every AI Makes the Same SaaS UI, Fight Back With Rules

What it does

Impeccable is a design skill—a curated vocabulary and rule set—that plugs into AI coding harnesses like Cursor, Claude Code, and Copilot. It loads seven domain references (typography, color, motion, spatial design, interaction, responsive, and UX writing) alongside every command, nudging the model away from generic SaaS-template defaults toward intentional frontend decisions.

The interesting bit

Instead of relying on prompt engineering, it packages design taste as a deterministic config. A standalone CLI and browser extension can run 24 anti-pattern checks against local code or live URLs with no LLM and no API key, catching specific “AI slop” tells like purple-to-blue gradients, bounce easing, and side-tab borders.

Key highlights

• 23 slash commands (polish, audit, distill, bolder, quieter, etc.) form a shared design vocabulary with your AI assistant
• Seven reference files load on every command, covering everything from OKLCH color to modular type scales and reduced motion
• 27 deterministic anti-pattern rules plus a 12-rule LLM critique pass target specific tells the skill teaches against
• Standalone CLI scans directories, HTML files, or URLs for 24 design issues without needing an API key
• Per-tool compiled builds for 11+ harnesses including Cursor, Claude Code, Codex, Gemini CLI, Trae, and Copilot

Caveats

• Setup friction varies by tool: Cursor requires the Nightly channel and Agent Skills enabled; Gemini CLI needs a preview version and manual settings toggle; Trae maintains separate config directories for its China and international versions
• The deterministic CLI detector covers 24 regex-based issues, so subtler problems still require the full LLM critique pass

Verdict

Frontend developers using AI-powered IDEs who are tired of homogenized SaaS-template output should try this. If you don’t use an AI harness, the standalone CLI still works as a quick design linter, but you’ll miss the integrated command vocabulary.