https://github.com/Leonxlnx/taste-skill
上周我在用 Cursor 帮朋友做一个产品落地页,生成了三版,每一版都是深色背景、紫色渐变、三个功能卡片横排。我盯着屏幕想,这玩意儿怎么跟 ChatGPT 生成的长得一模一样。后来我搜了一下,发现了 Taste Skill 这个项目,才明白问题出在哪。
Taste Skill 本质上是一套给 AI 编程工具用的设计规则集。你把它装到 Cursor 或者 Claude Code 里,AI 在写前端代码的时候就会参考这些规则,而不是用默认的审美。项目作者叫 Leonxlnx,他写了好几篇研究文章分析为什么 AI 生成的界面总是千篇一律,然后把这些研究成果变成了 13 个可安装的技能包。
我注意到它是因为项目名里那个 “Anti-Slop”。Slop 这个词最近在 AI 圈子里用得越来越多,指的是 AI 生成的那种廉价、泛泛、没有灵魂的内容。前端设计领域这个问题特别明显,因为 AI 模型的训练数据里充满了类似的设计模式,所以它会默认输出最常见的那种。
实际装上之后我试了几个场景。默认的 design-taste-frontend 技能会让 AI 先读你的需求,然后输出一个一行字的”设计判断”,比如”这是一个面向技术买家的 B2B SaaS 落地页”。接下来 AI 会设置三个参数:设计变化度、动效强度、视觉密度。这三个旋钮控制了整个输出风格,比直接告诉 AI “用简约风格”要精确得多。

我用它重新生成了之前那个落地页,出来的效果完全不同。布局不再是居中对称,而是有了不对称的节奏感。字体从默认的 Inter 换成了更有个性的选择。最明显的变化是,AI 不再把所有内容都塞进三个卡片里了,它开始用留白和层次来组织信息。

不过也不是所有场景都适合。这个技能主要针对落地页、作品集、重新设计这类项目,不适合数据密集的仪表盘或者多步骤的产品界面。如果你需要的是那种,项目里还有其他专门的技能包,比如 output-skill 专门解决 AI 输出不完整的问题,minimalist-skill 走的是 Notion 那种克制路线。
和其他类似工具比,Taste Skill 的优势在于它不是简单地告诉 AI “不要用渐变”,而是建立了一套完整的设计决策流程。从读需求、推断风格、选择设计系统,到具体的代码规范,都有明确的指引。这让 AI 的输出更像一个有经验的前端开发者做的决定,而不是算法生成的模板。
项目完全开源,MIT 协议,安装只需要一行 npx 命令。如果你想让 AI 生成的界面不再像流水线产品,值得花十分钟试一下。
安装难度: 简单,需要 Node.js 环境 推荐指数: 4/5,特别适合经常用 AI 写前端的开发者