Claude Code 设计品味指南：Taste Skill

让任何 coding agent "做个落地页"，结果一眼就能认出来：居中 hero、Inter 字体、紫色渐变、三个等宽卡片排一排，再加个不该有的霓虹光。开发者管这叫 AI 味——技术上没毛病，但过目即忘。

Taste Skill（GitHub 上的 Leonxlnx/taste-skill）是这个问题流传最广的解法之一。它是一组 Agent Skills，把设计观点直接注入 Claude Code（也支持 Codex、Cursor 等）：关于版式变化、字体、动效的规则，外加一份很长的禁用清单。这篇指南讲清楚它是什么、怎么装，以及诚实地说说它和替代方案各自的位置。

Taste Skill 到底是什么

名字是单数，实际是一包十几个 skill。主 skill 叫 design-taste-frontend，周围有一圈 specialist：brutalist 风、极简风、高端视觉风、brand-kit 生成器、image-to-code 助手，还有一个"强制完整输出" skill——专门治 agent 生成到一半就截断的毛病。

核心思想很简单：AI 生成的界面千篇一律，是因为模型默认输出的是全网统计平均值。Taste Skill 用强观点替换这些默认值。它自带几个可调"旋钮"——比如版式不对称要多激进、动效多强、信息密度多高——不用从零写设计 brief 就能定调子。

最有用的是那份禁用清单。它明确禁止那些一闻就是 AI 味的东西：默认用 Inter 字体、居中 hero、三等分卡片、霓虹光、纯黑背景、紫蓝渐变、拿 emoji 当 UI 图标。把陈词滥调禁掉，模型就被逼着离开平均值，往更有辨识度的方向走。这一个机制完成了大部分工作。

在 Claude Code 里安装

这个包以 Claude Code 插件形式分发：

/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill

其他 agent（Codex、Cursor、Copilot）可以用 skills CLI 装同一个仓库：

npx skills add https://github.com/Leonxlnx/taste-skill

只想装主 skill 不装整包：

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"

装好后不需要特殊命令——当你的需求命中它的触发词（"做得高级点"、"重做这个页面"、"看起来太普通了"），它会自动介入。也可以直接用自然语言覆盖旋钮，比如"动效收一点"或"版式往大胆了做"。

它的边界

Taste Skill 是观点包，不是设计系统，也不是评审。它在生成之前告诉 agent 什么是好品味，但不负责事后审计，也不教交互设计。几个诚实的局限：

• 偏科营销页。 落地页、作品集、品牌站是它的主场。仪表盘、数据表、多步骤产品 UI 这些场景，它的观点用处不大，有时甚至是错的。
• 观点用多了会变成新的制服。 禁掉足够多的陈词滥调，替代品自己也会变成陈词滥调。如果每个用户都得到"艺术感不对称"，那就不特别了。
• 搞不定动效。 它对动效有观点，但让按钮、转场、滚动效果真正"好用"的感觉，是另一门手艺。

值得了解的替代方案

Impeccable（skillstackhq.com/zh/skills/impeccable）走的是相反路线：不在事前给观点，而是在事后当设计总监做评审打磨。作者是 Paul Bakaus（前 Google Chrome DevTools），覆盖 UX 评审、视觉层级、字体、色彩、动效、无障碍，还附了一个可在 CI 里跑的 detect 命令行。用 Taste Skill 定方向，用 Impeccable 验收结果。

Hallmark（skillstackhq.com/zh/skills/hallmark）气质更接近 Taste Skill：21 套反 AI 味设计主题，每套带具体 token。如果觉得 Taste Skill 的旋钮太抽象，Hallmark 按项目给命名主题（brutalist、编辑风、轻奢），附真实可抄的颜色和字体值。

微交互库补的是 Taste Skill 留下的空：东西的"手感"。我们的 Micro Interaction UI 就是干这个的——磁吸按钮、弹簧 toggle、toast 队列、滚动显现，每个模式都写清触发条件、时长参数和可粘贴代码。一个管长相，一个管手感，搭配用。

该怎么选

• 从零做落地页，想要现成的观点 → Taste Skill。
• 改现有产品，需要一双挑剔的眼睛 → Impeccable。
• 想要有名有姓、带真实 token 的主题起点 → Hallmark。
• 视觉还行但整个页面死气沉沉 → 微交互 skill。

真实项目多半是组合拳：一个 taste skill 定方向，再加一个评审或动效库收尾。去掉 AI 味只是及格线——从"不像 AI 做的"到"像设计过的"，最后那一公里靠的是评审和动效。