这是给AI编程代理用的前端设计指南，一个技能加23条命令，还能在浏览器里实时迭代，内置59条确定性检测规则来检查AI生成的前端设计质量。快速开始很简单：在项目根目录跑npx impeccable install，然后在AI编程工具里执行/impeccable init就行。作者吐槽说Anthropic的前端设计技能是第一个被广泛用的，但大家都用同样的SaaS模板，结果每个项目都长一个样——全是Inter字体、紫到蓝渐变、卡片套卡片、彩色背景上放灰字、标题上面放圆角方形图标。Impeccable就是来解决这个问题的，init命令会生成PRODUCT.md和DESIGN.md，让后续命令知道你的受众、品牌定位、语气、反参考、颜色和字体这些信息。
查看英文原文
Impeccable Design guidance for AI coding agents. 1 skill, 23 commands, live browser iteration, and 59 deterministic detector rules for AI generated frontend design. Quick start: From your project root, run npx impeccable install , then run /impeccable init inside your AI coding tool. Full docs: impeccable.style. Why Impeccable? Anthropic's frontend design was the first widely used design skill for Claude. Impeccable started from there. Every model trained on the same SaaS templates. Skip the guidance and you get the same handful of tells on every project: Inter for everything, purple to blue gradients, cards nested in cards, gray text on colored backgrounds, the rounded square icon tile above every heading. Impeccable adds: One setup flow. /impeccable init writes PRODUCT.md and offers DESIGN.md , so later commands know the audience, brand/product lane, voice, anti references, colors, type, and components. 23 commands. A shared design vocabulary with your AI: polish , audit , critique , distill , animate , bolder , quieter , and more. 59 deterministic detector rules plus LLM only critique checks. The CLI and browser extension run the deterministic rules with no LLM and no API key. What's Included The Skill: impeccable The skill installs as one command: [安装/使用命令见下方] Start every new project with: [安装/使用命令见下方] init asks whether the surface is brand (marketing, landing, portfolio) or product (app UI, dashboard, tool), then writes design context that every later command reads. 23 Commands All commands are accessed through /impeccable : Command What it does /impeccable craft Full shape then build flow with visual iteration /impeccable init One time setup: gather design context, write PRODUCT.md and DESIGN.md, configure live mode, recommend next steps /impeccable document Generate root DESIGN.md from existing project code /impeccable extract Pull reusable components and tokens into the design system /impeccable shape Plan UX/UI before writing code /impeccable critique UX de