Taste-Skill：让 AI 有”品味”的 2 万星技能文件，不再生成垃圾代码？

用 AI 写前端代码的时候，你有没有这种感觉：功能没问题，但看起来就是”很 AI”。圆角一律 8px，阴影永远是那个默认样式，配色不是蓝白就是黑白。你说不出哪里不对，但一看就知道不是人设计的。

这就是 slop —— AI 生成的垃圾内容。功能上能跑，但毫无灵魂。Leonxlnx 的 Taste-Skill 就是冲着这个问题来的。2 万星，今天新增 1440 星，一个 Shell 脚本加一份 CLAUDE.md，核心理念简单粗暴：给 AI 装上品味过滤器。

项目背景

Taste-Skill 来自 Leonxlnx，今天单日新增 1440 星。它不是一个工具，而是一个Claude Code 技能文件——放在项目里，Claude Code 自动读取并应用其中的规则。

它的定位很明确：不是让 AI 写更少的代码，而是让 AI 写出更有设计感的代码。前端界面、UI 组件、配色方案、排版——这些最容易暴露 AI 身份的地方。

核心规则

我读了它的 CLAUDE.md，里面的规则很有意思。不是技术约束，而是「品味约束」：

禁止默认样式

AI 喜欢用框架的默认主题。Taste-Skill 直接禁止：不准用 Tailwind 的默认配色、不准用 shadcn/ui 的原生组件样式、不准用 Material Design 的标准布局。必须用自定义设计。

追求不对称

对称是 AI 的安全区。Taste-Skill 要求打破对称：左右边距可以不一样、按钮大小可以有变化、卡片高度不必统一。这种”不完美”反而让人感更自然。

色彩有层次

不准用纯黑 #000 和纯白 #fff。必须给颜色加一点点温度：深灰带点蓝、米白带点黄。阴影也不能是纯黑透明，要带点环境色。

字体有性格

默认系统字体是 AI 的首选。Taste-Skill 要求至少选一个有特色的字体搭配：比如一个无衬线做正文、一个衬线或等宽做标题。中英文字体都要考虑。

动效有节奏

不准用统一的 0.3s ease 过渡。快的地方要快（按钮点击 0.1s），慢的地方要慢（页面切换 0.5s）。有弹性效果的地方加弹性，该干脆的地方干脆。

快速上手

# 克隆仓库
git clone https://github.com/Leonxlnx/taste-skill.git

# 把 CLAUDE.md 复制到你的前端项目
cp taste-skill/CLAUDE.md ./CLAUDE.md

# 打开 Claude Code，开始 vibe coding
claude

然后你正常描述需求，但 Claude 的输出会明显不同。比如你说”做一个登录页面”：

• 不加 Taste-Skill：居中卡片、蓝白配色、两个输入框、一个按钮，标准到不能再标准
• 加了 Taste-Skill：非对称布局、暖色调、输入框带微动效、按钮有按压反馈、整体有杂志感

实际效果测试

我试了两个相同的需求：

需求：做一个博客文章列表页

维度	不加 Taste-Skill	加了 Taste-Skill
布局	网格对齐，等宽卡片	错落排列，卡片大小不一
配色	白底黑字蓝链接	米白底深灰字，强调色暖橙
字体	系统默认	Inter + Playfair Display
动效	统一 hover 放大	图片 hover 有轻微缩放+暗化
整体感觉	”又一个模板"	"有点设计感”

说实话，加了 Taste-Skill 的版本确实更耐看。不是说它多惊艳，而是它不像 AI 写的。

优缺点

优点：

• 立竿见影，复制一个文件就能改善输出质量
• 规则具体可执行，不是空泛的”要有设计感”
• 前端开发者最容易受益
• 开源免费

缺点：

• 只针对前端/UI，对后端代码无效
• 有些规则过于主观，不一定适合所有项目
• 增加了 AI 的思考成本，生成时间会略长
• 对非设计专业的人来说，有些规则不好判断对错

适合谁用

• 用 AI 做前端开发但嫌弃默认输出的开发者
• 独立开发者做个人项目，希望有点设计感
• 设计师用 AI 做原型，需要快速出高质量视觉稿
• 任何想让 AI 输出”不那么 AI”的人

总结

Taste-Skill 解决了一个很具体的问题：AI 生成内容的”廉价感”。2 万星说明很多人受够了千篇一律的 AI 输出。

我的建议是：如果你用 Claude Code 做前端，把这个文件放进去试试。最坏的情况是无感，最好的情况是你的项目看起来像请了设计师。

当然，真正的品味还是需要人。Taste-Skill 只是帮你跨过”看起来是 AI 写的”这道门槛。

---

关于作者

柳钉鱼，全栈开发者，GitHub 重度用户。过去 3 年 Star 了 900+ 仓库，这里只写我真正用过或深度调研过的工具。

📧 发现好工具想推荐？发邮件到 [email protected]