你有没有类似的感受:AI 生成的前端页面,看起来总像一路货色?紫色渐变铺底、Inter 字体打头,满屏卡片层层叠叠,灰色文字配上高饱和色块。哪怕换用不同的 AI 工具,输出效果仍然像一个模子刻出来的。
这真不是错觉。
问题出在哪?
追根溯源,市面上绝大多数大模型都用同一批 SaaS 模板训练过。缺少明确的设计引导时,AI 会反复套用那几个“安全选项”。结果就是全网 AI 生成的网页越来越像。
impeccable 正是为此而生。
它定义了一套 AI 设计语言(Design Language),让各类 AI 编程工具(Claude Code、Cursor、Codex、Grok Build……全都支持)在生成前端代码时遵循同一套设计规范——从字体选择、颜色搭配到组件层级,每一步都有据可依。
核心能力:23 条命令 + 60 条硬规则
安装之后,在 AI 工具里输入 /impeccable 就能调用全部命令,核心命令如下:
| 命令 |
作用 |
/impeccable init |
初始化项目设计上下文,写入 PRODUCT.md 和 DESIGN.md |
/impeccable audit |
技术质量检查(可访问性、性能、响应式) |
/impeccable critique |
UX 设计评审:层级、清晰度、情感共鸣 |
/impeccable polish |
上线前最终美化,设计系统对齐 |
/impeccable craft |
先设计后构建,可视化迭代 |
/impeccable live |
浏览器内实时调整,迭代 UI 元素 |
/impeccable distill |
去除冗余,回归本质 |
/impeccable onboard |
首访流程、空白状态、激活路径设计 |
除了这些由 LLM 驱动的命令,项目还内置了 60 条确定性检测规则——无需调用 API,完全本地运行,直接扫描设计问题。
值得关注的 3 个点
1. 原作者背书,技术背景相当硬核
impeccable 的作者是 Philipp Bakaus,他同时也是 Anthropic 官方 frontend-design Skill 的原作者。impeccable 在这个基础上扩展为独立项目,兼容更多工具,并且不依赖任何单一 AI 平台。
2. 平台无关,覆盖主流 AI 编程工具
它既不是 Claude Code 的专属插件,也不是 Cursor 的私有技能。一条安装命令就能同时注入 Claude Code、Cursor、Codex、Gemini CLI、Grok Build、GitHub Copilot、Trae、OpenCode 等十余个工具。这意味着设计规范可以跨团队、跨工具统一落地。
3. 确定性规则 > 纯 Prompt 引导
传统的 AI 设计建议完全依赖 Prompt,输出不够稳定。impeccable 的 60 条硬规则用工程逻辑保证了下限,设计好不好不再靠“运气”——这才是 AI 编程工具该有的设计保障方式。
个人启发
AI 编程工具的能力在飞速提升,但“能写代码”和“能写出好看的代码”完全是两码事。impeccable 本质上做了一件事:给 AI 一个设计记忆体,让它不再每次从零开始选 Inter 和紫色渐变。
这个思路完全可以迁移到其他垂直能力上——不只是设计层面,代码规范、安全审计、性能优化……每一个“AI 默认行为”都有优化空间,每一个优化空间都可能是一个 Skill 的切入点。
如果你在做 SaaS 产品,impeccable 的思路值得参考:与其让用户学会 Prompt,不如给他们一套可以“装进去”的技能体系。
GitHub: pbakaus/impeccable
|