给AI注入"品味"：82K星工具实测

Mon, 31 Aug 2026 08:30:00 +0800

你让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使用。

安装和使用

一条命令：

1

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

只装某个技能：

1

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

或者更简单——直接把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，一起学习，一起成长

Taste-Skill on Kalend's Blog