最近在用 AI 辅助前端开发时，遇到一个很实际的问题：AI 写的代码功能没问题，但界面看起来总有点「AI 味」。 具体表现倒也很明显：配色永远是那套「深色背景+霓虹点缀」，字体永远选 Inter 或 Roboto，布局永远是居中对齐的卡片网格，圆角、渐变、阴影这些元素像是按照某种固定模板堆砌出来的。用户看一眼就能猜到：「这应该是 AI 生的吧？」
传统方案的问题
一开始我试过在 prompt 里手动加设计要求。比如「不要用深色模式」「不要用居中布局」「换点别的字体」。但问题很快暴露出来：
- 第一，我自己的设计词汇量有限。我能说「不要这样」，但很难说清楚「应该怎么样」。让界面更有「垂直节奏感」还是「创造更好的视觉层次」？这些词我没怎么用过，也就很难准确表达。
- 第二，每次都要重复写类似的要求。每次生成新页面，都得重新强调一遍设计原则，效率很低。
- 第三，效果不稳定。有时候 AI 听懂了，有时候又回到了「默认模板」。
Impeccable skills
大概两个月前，在一个前端交流群里看到有人提到了一个叫 Impeccable 的东西，说是「给 AI 加上设计技能包」。我点进去看了下，网站很简洁，核心就一句话：「Great design prompts require design vocabulary. Most people don't have it. Impeccable gives you commands that put designer language in your hands.」
Impeccable 的逻辑挺简单：它提供 20 个设计相关的命令，比如 /polish 做最后的打磨，/audit 检查设计问题，/typeset 优化排版，/overdrive 做一些技术上有挑战性的效果。 安装方式也意外地简单，一行命令就搞定： plaintextnpx skills add pbakaus/impeccable
它自动识别你用的 AI 工具，然后对应的技能包就装好了。我目前在用 Cursor，安装后直接在对话里输入命令就行。 实际用的时候，流程大概是这样：我先让 AI 生成基础功能的代码，然后用 /polish 让它检查一下对齐、间距、一致性这些细节；用 /typeset 优化字体选择和层级；最后用 /audit 做个完整的质量检查，看有没有明显的反模式。 最有用的是 /critique，它会从 UX 角度评估设计，给出具体的评分和改进建议。比如会说「这里的认知负荷有点高」「视觉层次不够清晰」，然后引导你用其他命令去修复。
它能解决什么，又解决不了什么
用了几周之后，我慢慢摸清楚了它的适用边界。
最适合的场景：
快速原型开发：需要快速把功能做出来，但又不能太粗糙 非 Design 出身的开发者：懂技术但不熟悉设计术语 需要保持设计一致性：团队协作时，统一设计语言 想提升 AI 输出的设计质量：让 AI 生成的界面更像「人做的」
不太适合的场景：
完全从零开始的设计：它更像是「优化器」而非「创造者」 需要高度定制化的视觉风格：它的建议更偏向通用设计原则 已经有成熟 Design System 的项目：如果你们已经有完善的设计系统，用它的边际效益可能没那么高
客观说，它不是魔法。不会让你一夜之间变成设计师，也不会自动帮你做出「惊艳」的界面。但它确实解决了两个很实际的问题：第一，帮你用「设计语言」和 AI 沟通，而不是用模糊的感觉；第二，把常见的反模式（比如过度使用卡片、居中对齐、纯黑纯白）提前识别出来。
一些小缺点
用下来也发现几个不太顺手的地方： 一是某些命令的建议会偏「教科书化」。比如 /typeset 推荐用 clamp() 做流体排版，这在很多场景下确实是对的，但如果你在做的是固定尺寸的 App 界面，这个建议就没那么合适。 二是目前支持的 AI 工具虽然不少，但如果你用的是比较小众的或者本地部署的模型，可能需要手动调整配置。 三是在中文场景下，偶尔会有一些术语翻译上的小问题。比如「visual hierarchy」有时候会被翻译成「视觉层次」，有时候是「视觉层级」，虽然不影响理解，但对强迫症不太友好。