同一个 prompt，有的 AI 做出的是精致产品页面，有的做出来的是 Bootstrap 默认模板。差在哪？不是模型不行，是它「没有审美」。
Taste-Skill 就是来解决这个问题的。一套给 AI 编程助手（Claude Code、Codex、Cursor）用的设计技能包，让它们做出的前端页面不再像「AI 生成」的——千篇一律的居中布局、 Bootstrap 灰、既没层次也没节奏。
是什么
Taste-Skill 是 Leonxlnx 开发的一套 Agent Skills，本质上是 SKILL.md 格式的设计指令文件。装进你的 AI 编程助手后，它输出的前端代码在排版、字体、间距、动效上会有明显提升。
项目上线不到 5 个月就拿了 53.8K GitHub Stars，3.7K Forks，也是 Vercel OSS 计划 的赞助项目。赞助人包括知名前端开发者 Emil Kowalski（animations.dev 的作者）。
核心特色
1. 不是一套规则，是 10+ 套技能
每个技能一个 SKILL.md，各司其职。主技能 taste-skill（v2 experimental） 是最近重写的默认版，能自动读需求推测设计语言。还有专门给 GPT/Codex 用的 gpt-taste、给旧项目改造用的 redesign-skill、极简风的 minimalist-ui、工业粗野主义的 brutalist-skill，甚至还有专门的 image-to-code 流程。
2. 三个调节旋钮，控制设计风格
主技能里内置了三个 1-10 档的调节参数：
— DESIGN_VARIANCE：布局实验性（低=居中安全，高=不对称/现代）
— MOTION_INTENSITY：动效深度（低=hover 变化，高=滚动驱动/磁吸）
— VISUAL_DENSITY：信息密度（低=宽松留白，高=数据仪表盘）
比靠 prompt 调设计意图靠谱多了。
3. 框架无关，Agent 通用
不受 React/Vue/Svelte 限制。指令指向设计意图，不是某个框架的 API。Claude Code、Codex、Cursor 全支持。
4. 图片生成 + 编码一体化
imagegen 子技能能产出网页/移动端/brandkit 的参考图，然后直接喂给编程 agent 实现。整个流程是「看图 → 分析 → 写代码」，不是瞎编设计。
安装方式
一行命令的事：
npx skills add https://github.com/Leonxlnx/taste-skill
也可以只装单个技能：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
或者直接复制 SKILL.md 到项目里，或贴进 ChatGPT 对话里。通用性很强。
不是没有槽点
1. v2 还是 experimental
主技能现在是 v2（experimental），虽然作者说正在迭代到 v2.0.0 stable，但对稳定性敏感的项目可能还是想锁定 v1。
2. 生态仍依赖 npx skills
安装依赖 Vercel 的 agent-skills CLI。在非 Node 环境（纯 Python 项目、移动端开发）里，要么手动复制 SKILL.md，要么跳过这个生态。
3. 效果好坏还得看 agent 本身
Taste-Skill 给的是设计约束和指导，不是魔法。GPT-4o 和 Claude 3.5 用起来效果差距明显——Claude 的理解力更强，输出更接近期望。
4. 对非前端场景帮助有限
技能包主要针对前端 UI/UX。后端代码、API 设计、架构决策那些用不上。
跟同类怎么比
senlindesign/taste-skill（198⭐）也是个设计品味提取工具，侧重反推现有网站的设计 token 和 WHY 类决策。但不提供技能包和 agent 集成，更像分析工具。
cory-hess/agave（13⭐）给 Claude Code 的设计 skill，概念类似但还没出圈。
Taste-Skill 的差异化很明确：技能多、可调节、生态兼容 Vercel agent-skills，是目前最完整的前端设计 agent skill 方案。
一句话总结
如果你的 AI 写的前端页面总是一股 AI 味——布局平庸、动效生硬、没有节奏感——Taste-Skill 是目前解决这个问题的最好方案。免费、开源、55K Stars 的社区背书，值得一试。
GitHub：https://github.com/Leonxlnx/taste-skill
官方网站：https://tasteskill.dev
标签：#TasteSkill #AI设计 #AgentSkills #前端开发 #ClaudeCode #Codex #Cursor #开源工具 #反AI味
关注我，每期分享一个帮你省事的强大工具 🛠️