去 AI 味的设计 skill 横评：Taste Skill、Impeccable、UI UX Pro Max 怎么选？

让 AI 编程 agent 做一个网站，常常得到同一张脸：紫色渐变、胶囊标签、三张一模一样的卡片。安装设计 skill 是最流行的解决办法，排名靠前的几个在 GitHub 上都超过了 10 万 star。但它们的工作方式差别很大。这篇根据各个 skill 的源码和官方文档（截至 2026 年 11 月 6 日）逐一对比，帮你选出适合自己项目的那一个。

更新于 2026年11月7日 · 阅读约 10 分钟

先说结论

• 从零做一个官网或营销网站： 选 Taste Skill。它从精选库里给出一个设计方向，并在真实浏览器里检查页面。
• 改进已有的界面，或者做 App、后台： 选 Impeccable。它有 24 个针对性的命令、能放进 CI 的检测器，还有 iOS 和 Android 规范。
• 给产品选一整套设计系统，什么平台都有： 选 UI UX Pro Max。它从一个风格、配色和字体搭配数据库里检索，覆盖 SwiftUI、Jetpack Compose、React Native 和 Flutter。
• 最轻量： Anthropic 的 frontend-design，只有一个说明文件。
• 配合使用，而不是替代： Emil Kowalski 的动效 skill，以及 Vercel 的 web-design-guidelines，用来检查无障碍和交互细节。

一次只装一个「品味类」skill。它们的规则互相矛盾（一个推荐的风格，另一个明确禁止），叠在一起只会让结果更难预测，不会更好。

为什么 AI 做的界面都长一个样

没有给方向时，模型做出来的是它见过的所有页面的平均值。而每一轮修正又会变成下一轮的默认答案：紫色渐变和 Inter 字体之后，流行起来的是米色背景、衬线大标题和陶土色强调，现在 Anthropic 的 frontend-design 和 Impeccable 都把这个组合也列为 AI 味了。好的设计 skill 会在动手前给 agent 一个方向，并提供检查结果的办法。具体有哪些套路，见怎么让 AI 做的设计不像 AI 做的。

一表看懂

star 数和版本截至 2026 年 11 月 6 日。四个都免费开源：Taste Skill 和 UI UX Pro Max 用 MIT 协议，Impeccable 和 frontend-design 用 Apache 2.0。

Taste Skill

Leonxlnx 的 Taste Skill 是最出名的「去 AI 味」skill（使用方法见 Taste Skill 使用教程）。2026 年 11 月 4 日发布的 2.5.0 是一次彻底重写，专注于公司官网和营销网站。

原理。 先判断项目属于哪类业务，再从精选库里「发牌」决定配色、字体搭配和首屏版式（它的原则是「发牌，不靠品味挑」），并记录历史，避免页面重复。它自带有署名的真实照片、品牌图标和各类区块版式，还有一个脚本在无头 Chrome 里用四种宽度检查页面，规则超过 100 条。

• 擅长： 做出有辨识度的网站初稿，素材是真实的，还有浏览器检查。
• 注意： 体积大，约 36 MB，做第一个页面前要先读约 140 KB 的说明。2.5 去掉了 2.1 里的 App 界面流程，还会直接禁止某些选择，比如紫色。官网目前还在介绍 2.1 版。

# Codex
codex plugin marketplace add Leonxlnx/taste-skill
codex plugin add taste-skill@taste-skill

# Claude Code
/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill

以前的风格 skill（soft、minimalist、brutalist、gpt-taste）已经移到 Leonxlnx/taste-skill-classics。

Impeccable

Paul Bakaus 的 Impeccable 最早基于 Anthropic 的 frontend-design，后来发展成一整套工具（使用方法见 Impeccable 使用教程）。

原理。 它不跑一个很长的流程，而是给 agent 一套由 24 个命令组成的设计词汇，比如 bolder、quieter、typeset、layout、critique、audit、polish、adapt，每次作用在一个页面或组件上。它的检测器有 62 条规则（31 条查 AI 味，31 条查质量），不调用大模型，可以在命令行或 CI 里运行：npx impeccable detect src/。

• 擅长： 一步步改进已有界面；不光是网站，App 和后台也能用；有原生 iOS 和 Android 规范；检查结果可以量化。
• 注意： 组件比较多，包括 .impeccable/ 文件夹、编辑器 hook 和需要下载的引擎。启用 hook 和 live 模式前，先读一下 README 里的说明，这两样都可能不经你确认就执行操作。

npx impeccable install
# 然后在 Codex 里：      $impeccable init
# 在 Claude Code 里：    /impeccable init

在 Codex 里，安装后还要在 /hooks 里批准这个项目的 hook。

UI UX Pro Max

nextlevelbuilder 的 UI UX Pro Max 是三个里 star 最多的，也是思路最不一样的（使用方法见 UI UX Pro Max 使用教程）。

原理。 它不是一套规则，而是一个可检索的数据库：80 种风格、192 种产品类型、192 套配色、74 组字体搭配，以及 22 种技术栈的规范。描述你的产品，它就返回版式模式、风格、配色、字体、你这个行业要避免的反模式，以及交付前检查清单，还能把结果保存成设计系统文件。

• 擅长： 快速选出一套协调的设计系统；平台覆盖最广，从网页到 SwiftUI、Jetpack Compose、React Native、Flutter 和桌面端；agent 是查询数据而不是整个读进来，占用的上下文少。
• 注意： 不会对结果做视觉检查；把毛玻璃这类其他 skill 明确禁止的风格当作普通选项；结果好坏取决于你怎么描述产品。

npm install -g ui-ux-pro-max-cli
uipro init --ai codex    # 或者：uipro init --ai claude

Anthropic frontend-design

Anthropic 的 frontend-design 只有一个约 1500 词的文件。它要求 agent 从主题本身找设计灵感，写代码前先定好颜色和字体，把方案和「任何类似页面都会做出的通用默认版」比一比，再检查自己的截图。它列出了五组要避开的 AI 默认套路，从米色加衬线加陶土色，到千篇一律的 SaaS 卡片套件。

• 擅长： 官方出品、体积小的起点，而且始终以你的需求为准。
• 注意： 没有工具和检查，全靠模型自己判断；关于手机 App 说得很少。

# Claude Code
/plugin install frontend-design@claude-plugins-official

# Codex 和其他 agent
npx skills add https://github.com/anthropics/skills --skill frontend-design

值得一起装的辅助 skill

• Emil Kowalski 的 skill（npx skills@latest add emilkowalski/skills）：17 个 skill，大多关于动效和打磨，比如缓动曲线、弹簧动画、什么时候不该加动画。它们不管颜色、字体和版式，所以要搭配一个品味类 skill。
• Vercel 的 web-design-guidelines（npx skills add vercel-labs/agent-skills）：一个检查用的 skill，按 100 多条规则检查无障碍、焦点、表单和字体排版，并按文件和行号报告问题。运行时会从 GitHub 拉取规则。
• ibelick 的 baseline-ui（npx skills add ibelick/ui-skills）：一份简短的「必须」和「禁止」清单，适合 Tailwind 和 React 项目。

pretty-ui（我们自己做的）

pretty-ui 是 Codex Design 团队自己做的 skill，读的时候请考虑到这一点。它把下面「不管用不用 skill」那几条建议变成一个完整流程：agent 用你自己的内容为你的页面做出三个真实的设计方向，并排打开给你看；你选中的那个存成 DESIGN.md；然后一步步应用到所有页面，最后用检查脚本找 AI 痕迹（紫色渐变、渐变文字、玻璃拟态、emoji 图标、空话文案、不在网格上的间距等）。

• 擅长： 风格由你来选，而不是 agent 自己定；已有品牌会保留；后续页面保持一致。除了网站，也支持 Web App 和手机 App（React Native、SwiftUI、Compose、Flutter），并自带我们设计系统库里的 24 套设计系统。
• 需要注意： 它很新（2026 年 11 月 7 日发布），还没有经过大量使用检验。检查脚本是一组简单规则，不能代替用眼睛看。

# Codex
codex plugin marketplace add ummydev/pretty-ui
codex plugin add pretty-ui@pretty-ui

# Claude Code
/plugin marketplace add ummydev/pretty-ui
/plugin install pretty-ui@pretty-ui

# Other agents
npx skills add ummydev/pretty-ui

免费开源，MIT 协议。

它们都在拦截的 AI 套路

「—」表示这个 skill 当前的说明里没有直接提到这一条。

这些清单一直在变。Inter、Fraunces、Geist 和 Plus Jakarta Sans 都在 Impeccable 的「用烂了的字体」清单上，而 Taste Skill 的旧版本还推荐过其中几个。把任何清单都当作检查工具，而不是审美本身。

不管用不用 skill，都能做得更好

1. 动手前先给方向。 一套写明颜色、字体、圆角和间距的设计系统，远胜「做得现代一点」。可以从我们的设计系统库里挑一套，或者自己写一份 DESIGN.md。
2. 要三个方向，而不是一个。 千篇一律往往是因为直接接受了第一版。把几个方向并排比较，再做选择。pretty-ui 会自动做这一步，并把它们并排打开。
3. 用清单检查。 跑一遍检测器，或者自己对照 AI 设计的明显特征检查一遍，先修最严重的三个问题，再做细节打磨。

常见问题

Taste Skill 和 Impeccable 哪个好？

做新的营销网站，Taste Skill 的初稿更强，素材也是真实的。改进已有界面、做 App 或后台，Impeccable 更合适：它一次执行一个命令，还覆盖原生移动端。

这些 skill 在 Codex 里能用吗？

能。Taste Skill 和 frontend-design 按上面的命令装进 Codex；Impeccable 用 npx impeccable install 和 $impeccable init；UI UX Pro Max 用 uipro init --ai codex。

做手机 App 用哪个？

Impeccable 有 iOS 和 Android 规范，UI UX Pro Max 覆盖 SwiftUI、Jetpack Compose、React Native 和 Flutter。Taste Skill 2.5 专注于网站。

收费吗？

不收费。它们都是免费开源的，你只需要为 agent 本身的用量付费。

继续阅读

• 怎么让 AI 做的设计不像 AI 做的AI 界面的 12 个明显特征，以及对应的修改提示词。
• Codex 前端设计 skill 推荐风格 skill、生图类 skill、Figma，以及怎么写自己的 skill。