3.9 万 star 的 Impeccable:让 AI 写的前端代码不再”一眼 AI”
3.9 万 star 的 Impeccable:让 AI 写的前端代码不再”一眼 AI”
Impeccable 是一个 AI agent 设计 skill,GitHub 上 39123 stars、2155 forks,Apache 2.0 许可证。它解决一个很具体的问题:AI 生成的前端代码看起来都像 AI 写的。
Inter 字体配紫蓝渐变、卡片套卡片、灰字放在彩色背景上、圆角方块图标放在每个标题上方——这些”AI 设计 tell”之所以千篇一律,是因为所有模型都在同一批 SaaS 模板上训练的。你跳过设计指导,每个项目出来都是同一张脸。
它做了什么
Impeccable 从 Anthropic 的 frontend-design skill 起步,但做了大幅扩展:
一个安装流程:/impeccable init 会问你产品是品牌型(营销、落地页、作品集)还是产品型(App UI、仪表盘、工具),然后写出 PRODUCT.md 和 DESIGN.md。所有后续命令都读这两个文件,知道你的受众、品牌调性、反参考、配色、字体和组件。
23 个命令:polish(打磨)、audit(审计)、critique(批评)、distill(提炼)、animate(动画)、bolder(更大胆)、quieter(更安静)……这是一套完整的设计词汇,让你的 AI 和你用同一套语言讨论设计。
44 条确定性检测规则:CLI 和浏览器扩展可以跑这些规则,不需要 LLM、不需要 API key。它检测的是”AI 设计 tell”——Inter 滥用、渐变堆叠、卡片嵌套、对比度不足、图标风格不统一。LLM-only 的 critique 检查则处理更微妙的问题:视觉层级、清晰度、情感共鸣。
为什么 3.9 万 star
Impeccable 戳中了一个每个用 AI 写前端的人都会遇到的问题:AI 写的代码”能用但丑”。功能对、逻辑对、能跑,但视觉上一眼就是 AI 生成的——和 100 万个其他 AI 生成的页面长得一模一样。
39123 stars 说明这个痛点非常普遍。项目 2025 年 11 月创建,11 个月到 3.9 万 star,在 AI 设计工具里属于头部。30 个 open issues 说明社区活跃但项目已经相对稳定。
如果你在用 Claude Code、Cursor 或任何 AI coding agent 做前端,Impeccable 可能是你该装的最便宜的设计系统——它不替代设计师,但它让 AI 生成的前端从”能用”变成”像人做的”。44 条检测规则可以跑在你现有的代码上,不需要改任何代码就能告诉你哪些地方”一眼 AI”。
— END —
LC 智趣厅 · 科技与生活的交点
ihygg.cn