Impeccable design skill: give your AI coding agent real design taste and end the sea of lookalike "AI-style" UIImpeccable 设计技能包：给 AI 编程智能体补上设计品味，告别千篇一律的「AI 风」界面

General-purpose models have a comfort zone for UI: the same palettes, the same rounded card grids, the same safe layouts — usable, but utterly forgettable.

Impeccable encodes design experience as skills and commands: before writing a single component, the agent runs design judgments — type hierarchy, spacing rhythm and visual focus all get reasoned about.

The author is Paul Bakaus, formerly of the Google Chrome team, and the rules come from real front-end design practice.

A set of design skills covering typography, color, layout and interaction feedback — drop them into .claude/skills and your agent can use them.

Commands and anti-pattern detection: slash commands for the design workflow, plus a DevTools-based detector for 24 common AI-slop issues.

A universal package: universal.zip contains files for the major agents, so one download covers Claude Code, Codex, Cursor and more.

Download the universal package below, unpack it, and copy the right folders into your agent's config directory per the README.

In Claude Code, ask it to "use impeccable to redo this page's visual hierarchy", or invoke its slash commands directly.

Try a quick before/after in a small project: generate the same page with and without Impeccable and compare.

The download button provides universal.zip (15.49MB) from the official pbakaus/impeccable skill-v4.5.2 GitHub release, with skill files for every major agent.

You can also install the npm package impeccable for the CLI entry point and keep it updated.

This article is compiled from public sources and ships with the matching resource. Product features and pricing are subject to the official page. Resources are for learning and exchange only — please respect the original license.