Impeccable:给 AI 编程智能体装上”设计感”,告别千篇一律的 SaaS 模板

· 科技资讯

Impeccable:给 AI 编程智能体装上”设计感”,告别千篇一律的 SaaS 模板

你让 AI 写一个落地页,它给你 Inter 字体、紫蓝渐变、卡片套卡片、每个标题上面一个圆角方形图标。这不是巧合——所有模型都在同样的 SaaS 模板上训练,没有设计指导时,输出永远是那几种”AI 味”很浓的视觉套路。Impeccable 就是为了解决这个问题而生的:它给 AI 编程智能体装上一套设计语言,让输出从”能看”变成”好看”。这个项目在 GitHub 上拿到了 70.9K stars,由 Paul Bakaus 创建,Apache 2.0 开源。

AI 默认输出
Inter 字体 · 紫蓝渐变 · 卡片套卡片 · 圆角图标瓷砖
→
Impeccable 输出
独立设计语言 · 自定义色板 · 层次感 · 品牌一致性

“AI 味”的根源:所有模型都在学同一套模板

Impeccable 的 README 开门见山指出了问题的根源:所有主流模型都在同样的 SaaS 设计模板上训练。跳过设计指导,你得到的永远是那几种”tell”(视觉暗示):Inter 字体无处不在、紫蓝渐变、卡片嵌套卡片、彩色背景上的灰色文字、每个标题上面一个圆角方形图标瓷砖。这些不是设计选择,是训练数据的”引力”——模型在统计意义上”学到”了这些模式,然后在没有明确指令时默认使用它们。

Impeccable 的起点是 Anthropic 的 frontend-design skill(第一个被广泛使用的 Claude 设计技能),但它在此基础上做了大量扩展:24 个命令、61 个确定性检测规则、浏览器实时迭代、PRODUCT.md 持久化产品上下文。这不是一个”设计提示词”,而是一个完整的设计系统框架。

Impeccable 的架构 /impeccable init 扫描项目 → 写 PRODUCT.md 记录受众/目的/约束/语气 24 个设计命令 polish / audit / critique / bolder / quieter / distill … 61 条检测规则 CLI + 浏览器扩展 无需 LLM / API Key 17 个 AI 工具支持 Claude Code · Cursor · Codex · Gemini CLI · Grok Build Hermes Agent · OpenCode · Kiro · Trae · Qoder · Rovo Dev Mistral Vibe · Veto · Google Antigravity · DeepSeek Harness · Pi 每个工具都有独立的 .xxx/skills/impeccable 目录

24 个命令:给 AI 一套”设计词汇表”

Impeccable 的 24 个命令不是”24 个不同的功能”,而是一套设计词汇表。每个命令对应一个设计决策的维度:`craft` 是完整的”先规划再构建”流程;`shape` 是在写代码前规划 UX/UI;`critique` 是 UX 设计审查(层次、清晰度、情感共鸣);`audit` 是技术质量检查(无障碍、性能、响应式);`polish` 是最终打磨(设计系统对齐、发布准备)。

更有意思的是那些”态度”命令:`bolder` 放大无聊的设计,`quieter` 压低过于大胆的设计,`distill` 剥离到本质,`delight` 添加惊喜时刻,`overdrive` 添加技术上非凡的效果。这些命令的设计哲学是:设计不是”一次性正确”,而是”持续调整”——你可以让 AI 先写一个版本,然后用 `bolder` 或 `quieter` 来回调整,直到达到你想要的平衡点。

关键设计:61 条检测规则是确定性的
CLI 和浏览器扩展运行这些规则时**不需要 LLM、不需要 API Key**。这意味着检测是免费的、快速的、可重复的。LLM 只负责”创作”(生成设计),确定性规则负责”检查”(验证设计质量)。这种”AI 创作 + 规则验证”的分离架构是 Impeccable 的核心架构决策——它把”设计质量”从”概率性”变成了”确定性”。

PRODUCT.md:让 AI 记住”你在做什么产品”

Impeccable 的 `/impeccable init` 命令会扫描项目,记录”持久产品真相”(durable product truth)到 `PRODUCT.md`:受众是谁、目的是什么、运行上下文是什么、约束是什么、语气是什么、证据是什么。这些信息和”表面视觉方向”是分开的——PRODUCT.md 记录的是”产品是什么”,DESIGN.md 记录的是”产品看起来什么样”。

这个分离很重要。很多 AI 设计工具的”设计系统”是静态的——你定义一套颜色、字体、间距,AI 照搬。但 Impeccable 的设计系统是从产品上下文中”推导”出来的:如果产品是一个严肃的金融工具,`bolder` 命令的”大胆”和娱乐应用的”大胆”会是不同的。PRODUCT.md 让 AI 知道”为什么”这样设计,而不是”照着这个模板”设计。

推测来看,Impeccable 的 70.9K stars 中有一大部分来自”AI 生成前端太丑”这个普遍痛点。开发者们不缺”能跑”的前端代码,缺的是”看起来像人做的”前端代码。Impeccable 提供的不是”更好的 AI 模型”,而是”更好的设计纪律”——它把资深设计师的决策过程(先理解产品 → 再选择视觉方向 → 最后打磨细节)编码成了 AI 智能体可以执行的命令序列。如果你的 AI 智能体生成的前端代码总是”能看但不好看”,Impeccable 值得试。

Takeaway:如果你在 AI 智能体上做前端开发,Impeccable 解决的不是”代码质量”问题,而是”设计质量”问题。它的 24 个命令 + 61 条检测规则 + PRODUCT.md 持久化上下文,构成了一套完整的”AI 设计纪律”。安装只需 `npx impeccable install`,支持 17 个主流 AI 工具。如果你的 AI 生成的前端总是”Inter 字体 + 紫蓝渐变”,这就是你需要的解药。

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

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