你让AI写个Landing Page，它交出来的东西一眼就是AI写的——紫色渐变、三张卡片、Inter字体、em dash到处飞。不是代码不行，是品味不行。
先说结论
taste-skill 是一个给AI编程工具"装品味模块"的开源项目，GitHub 82K+星，MIT协议。
它不训练模型，不改推理引擎，只做一件事：用规则约束AI的输出习惯，把千篇一律的"AI味"模板干掉。
一条命令安装，Cursor、Codex、Claude Code 全部即刻生效。
taste-skill 是什么
一句话：给AI装一个设计品味模块。
仓库地址：github.com/Leonxlnx/taste-skill
几个关键数据：
| 指标 | 数值 |
|---|---|
| Stars | 82,486 |
| Forks | 5,648 |
| License | MIT |
| 语言 | JavaScript |
| 创建时间 | 2026-02-19 |
| 最后更新 | 2026-08-24 |
5天前它还只有26.3K星，增长213%——这说明"AI生成的东西太丑"是真痛点，不是我一个人这么觉得。
核心作者 @lexnlin 和 @blueemi99，赞助商包括 Vercel、Kimi（月之暗面）等。
它怎么工作的
taste-skill 不是微调模型，不是RAG，而是提示词工程。
具体来说，它是一个 SKILL.md 文件，通过 npx skills add 一键安装到你的项目里。AI编程工具（Cursor、Codex、Claude Code）在生成代码时会自动加载这个文件，按照里面的规则输出。
三个调节旋钮
taste-skill 的核心是三个1-10的旋钮：
| 旋钮 | 作用 | 低值 | 高值 |
|---|---|---|---|
| DESIGN_VARIANCE | 布局实验度 | 对称/干净 | 不对称/前卫 |
| MOTION_INTENSITY | 动画深度 | 仅hover | 滚动/物理动效 |
| VISUAL_DENSITY | 信息密度 | 留白/画廊 | 仪表盘/密集 |
默认值是 8 / 6 / 4，适合大多数Landing Page和作品集场景。
AI会先读你的需求（brief），推断应该用什么设计语言，然后自动设置这三个旋钮。你不需要手动调。
v2 的核心升级：从"建议"变成"禁令"
v1 是"建议AI不要做X"，v2 是"直接列出AI的坏习惯并全面禁止"。
这是一个本质区别。v1 的规则太soft，AI经常无视。v2 把最常犯的问题升级为硬性禁令，必须逐条检查。
v2 禁令清单：AI到底有哪些坏习惯
这部分值得细看，因为这些"AI味"特征你一定见过：
排版禁令
- 禁止 em dash（
—）出现在页面任何地方——标题、正文、按钮、alt文本 - 禁止章节编号眉标（
00 / INDEX、001 · Capabilities） - 禁止Hero区放版本标签（
V0.6、BETA、INVITE-ONLY） - 禁止装饰性文字条（
BRAND. MOTION. SPATIAL.） - 禁止滚动提示（
Scroll、↓）
色彩禁令
- 禁止AI紫渐变——不能再无脑用紫色按钮+霓虹光晕
- 禁止暖米色+黄铜色的"高级消费品"默认配色
- 整个页面只能用一个强调色，不能第7节突然换颜色
字体禁令
- 禁止默认使用 Inter（AI最爱的字体）
- 禁止默认使用衬线体（“觉得有创意/高级"不是用衬线的理由）
- 特别点名封杀
Fraunces和Instrument_Serif（AI最爱的两款display serif） - 衬线体只有在品牌brief明确指定时才能用
动画禁令
- 禁止
window.addEventListener('scroll')手动监听滚动 - 禁止在React状态里做滚动计算
- 必须用 Motion（原Framer Motion）或 GSAP 的标准模式
组件禁令
- 禁止用 styled div 做假产品UI（假任务列表、假仪表盘、假终端）
- 禁止每行都加
border-t + border-b的列表 - 禁止在图片上叠标签/pill
- 禁止假截图（用div模拟的界面截图）
设计系统规则
- 如果需求明确是Microsoft风格，必须用Fluent UI官方包，不能手写CSS
- 如果是Google风格，必须用Material 3
- 一个项目只能用一套设计系统，不能混搭
这些规则加起来超过50条，覆盖了AI生成前端代码时90%的"一眼AI"特征。
它有哪些技能
taste-skill 不只有一个SKILL.md，而是一个技能库：
| 技能名 | 安装名 | 用途 |
|---|---|---|
| taste-skill | design-taste-frontend | 默认技能，v2实验版 |
| taste-skill-v1 | design-taste-frontend-v1 | v1原版，兼容旧项目 |
| gpt-taste | gpt-taste | GPT/Codex专用，更强约束 |
| image-to-code | image-to-code | 图片→分析→代码 |
| redesign-skill | redesign-existing-projects | 改造已有项目UI |
| soft-skill | high-end-visual-design | 高端/奢华/平静风格 |
| output-skill | full-output-enforcement | 强制完整输出，禁止占位符 |
| minimalist-skill | minimalist-ui | Notion/Linear风格极简 |
| brutalist-skill | industrial-brutalist-ui | 瑞士风格/工业风 |
| stitch-skill | stitch-design-taste | Google Stitch兼容 |
另外还有3个纯图片生成技能（不输出代码），配合ChatGPT Images使用。
安装和使用
一条命令：
| |
只装某个技能：
| |
或者更简单——直接把SKILL.md文件复制到你的项目根目录，或者粘贴到ChatGPT/Codex的对话里。
兼容所有主流AI编程工具：
- Cursor ✅
- Codex ✅
- Claude Code ✅
- Devin ✅
- 任何支持SKILL.md的Agent ✅
实测效果
我在Cursor里测试了同一个需求：“创建一个SaaS产品的Landing Page”。
没有taste-skill时，AI的典型输出：
- 紫色渐变Hero区
- 三张等宽特性卡片
- Inter字体 + slate-900文字
- em dash满天飞
- 底部"Trusted by"用纯文本logo
- 动画：全是fade-in-up
装了taste-skill后，同样的prompt：
- 配色变成中性底+单一强调色（这次是深绿）
- 字体换成Geist，标题用了tracking-tighter
- 布局出现不对称网格，不是三张等宽卡片
- em dash全部消失
- Logo墙用了SVG图标库
- 动画用了GSAP的sticky-stack模式
区别是肉眼可见的。不是"更好看"这么简单，而是不再一眼AI。
适用场景和局限
最适合
- 前端Landing Page、作品集、营销站
- Vibe Coding（快速原型）
- 任何需要"不像AI写的"前端场景
不太适合
- 后端逻辑、数据处理
- 仪表盘、数据表格（skill明确声明out of scope）
- 多步表单、代码编辑器、原生移动端
本质局限
taste-skill 是提示词工程，不是模型升级。它的效果取决于AI模型本身的能力——模型越强，规则执行越好。如果模型本身能力有限，再好的规则也救不回来。
另外，v2目前还是experimental状态，作者在积极迭代。规则可能会变，但核心方向（反slop、硬性禁令）不会倒退。
总结
taste-skill 解决了一个真实问题：AI写代码很能干，但写出来的东西没有品味。
它的思路很聪明——不碰模型，只约束输出。一条命令安装，即刻生效。
82K星不是刷出来的，是真的有需求。5天从26K涨到82K，说明"AI味"是每个用AI写前端的人都在忍受的问题。
GitHub地址：github.com/Leonxlnx/taste-skill
关注 varkm，一起学习，一起成长