最近 GitHub Trending 上有个项目挺火的，叫 Taste Skill，专门给 AI 生成有品味的前端页面。
确实，用 Cursor、Claude Code 这些工具做前端页面，做出来的东西千篇一律，一眼就能看出来是 AI 生成的。
因为 LLM 是概率机器，它没有审美偏好，只会复制训练数据里最常见的模式。
之前换过不少 Skill，比如 Frontend Design、各种设计类 Skill，效果都不太理想。
今天就来试一试 Taste Skill，看看啥情况。
01
开源项目简介
Taste Skill 是一个专门给 AI Coding Agent 用的反模板化前端框架。
它干的事情很简单：让 AI 生成的界面不再千篇一律，告别模板味。
项目的口号就一句话：gives your AI good taste，给你的 AI 好品味。
目前在 GitHub 上已经拿了 3 万多 Star，最近冲上了 GitHub Trending。
作者是 Leon Lin，平时活跃在 X 上，同时还在做一个 prompt 管理的桌面工具。
支持的 AI Coding 工具覆盖了三大主流：Cursor、Claude Code、Codex。
基本上你现在在用的 AI Coding 工具，它都能配合。
开源地址：https://github.com/leonxlnx/taste-skill
02
我之前的痛点
用 AI Coding 做前端页面的人应该都有感触：做出来的东西，风格基本都是一个模子刻出来的。
居中大标题、渐变背景、圆角卡片三件套，AI 每次都给你整这几样。
em-dash 破折号到处乱飞，假的截图用 div 硬拼，底部有莫名其妙的装饰文字。
我之前试过好几个设计类 Skill，问题差不多：规则写得太宽泛，AI 还是按默认套路来。
或者只管某一个方面，比如只管配色，整体布局还是模板感很强。有些 Skill 的规则 AI 直接就跳过了，等于白装。
比如我让 AI 不用任何 Skill，生成一个网站，这个网站作为我开源项目 Lumi 的官网。
它大概是这样的，没任何 skill ，效果很平。
如果我让 AI 使用 taste skill，再来一遍，看看情况。
确实还不错，比 AI 直出的效果好一些。
还有很多动画设计挺不错的。
Taste Skill 解决问题的思路和其他 Skill 不太一样，它是从底层逻辑上改变 AI 输出前端的方式。
① Brief Inference
这是 Taste Skill 最核心的机制。
其他 Skill 大多是直接给一套规则让 AI 照着做。Taste Skill 不一样，它让 AI 在动手写代码之前，先读懂你的需求。
具体来说，AI 会先分析这几个信号：
页面类型，你给的参考链接或截图、目标受众、已有的品牌资产。
分析完之后，AI 会推断出一条设计方向，然后才动手。
相当于让 AI 先理解你的意图，再决定用什么风格，而不是上来就套默认模板。
② 三个刻度盘
Taste Skill 提供了三个 1-10 的可调参数：
包括布局灵活性、动画深度、信息密度。你可以自己调整刻度。
③ Anti-Slop 硬性禁令
Taste Skill 把 AI 最常见的偷懒套路给限制住了：
比如整个页面不允许出现一个破折号、禁止用 div 硬拼假的截图、假的仪表盘。
还有很多，都是 AI 偷懒的一些特征，都进行了限制。
④ 交付前检查清单
AI 写完之后，还要过一遍强制检查清单，每个条目必须通过才能输出。
相当于质检环节，确保 AI 没有偷懒跳过规则。
03
安装和使用
安装很简单，一行命令搞定：
npx skills add https://github.com/Leonxlnx/taste-skill如果只想装某一个 Skill：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"因为这个项目包括很多 skill，比如：
📖 相关推荐
资深互联网从业者，专注AI工具研究与实战应用。长期跟踪ChatGPT、Claude、Stable Diffusion等前沿AI技术，擅长将复杂的技术概念转化为通俗易懂的教程。运营颜资源小站，致力于为中文用户提供高质量的AI教程、开源项目推荐和数字资源整理。
评论(0)