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 检查则处理更微妙的问题:视觉层级、清晰度、情感共鸣。

Impeccable 架构 init PRODUCT.md + DESIGN.md 23 个设计命令 polish/audit/critique/… 输出 前端代码 44 条确定性规则(CLI + 浏览器扩展,无需 LLM) 检测 AI 设计 tell:字体滥用 · 渐变堆叠 · 卡片嵌套 · 对比度 · 图标风格 39K stars · Apache 2.0 · 30 open issues · 2025-11 创建

为什么 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

Scroll to Top
微信公众号:LC智趣厅

扫码关注微信公众号
LC智趣厅