夜雨聆风你好，这里是郭震AI实验室！
今天这篇不讲大模型参数，也不讲哪个 Agent 又能自动写多少行代码。
我想讲一个更小，但很真实的问题：为什么很多 AI 做出来的页面，一眼就有模板味？
我在 GitHub Trending 里看到一个项目，名字叫 taste-skill。
它的定位很直接：给 AI Agent 用的一套前端审美 Skill，让 Agent 少做那些看起来很熟、但很廉价的页面。
项目链接：https://github.com/Leonxlnx/taste-skill
我核验时，它在 GitHub 上大约 26k stars，License 是 MIT，最近一次提交在 2026-05-26。
1 它不是模型，也不是 UI 框架
这个项目有意思的地方，是它没有试图发明一个新组件库。
它更像一份给 Codex、Cursor、Claude Code 这类 Agent 看的工作规矩。
简单说，你让 Agent 写一个页面，它最容易掉进几个默认动作里。
暗色背景，加紫色渐变。中间一个大标题。下面三张功能卡。再放一点假的产品截图。看起来完整，但你会觉得哪哪都熟。
Taste Skill 想管的就是这个。
它不只是告诉 Agent “做得高级一点”，而是把“高级一点”拆成更具体的规则：先读场景、看用户、选设计系统、定动效强度、做完再检查。
2 我最喜欢的是这三个旋钮
README 里有一个很实用的设计：三个参数。
DESIGN_VARIANCE，控制布局变化程度。
MOTION_INTENSITY，控制动效强度。
VISUAL_DENSITY，控制信息密度。
这比你跟 Agent 说“别太普通”“做得有质感”有用多了。
因为“质感”太虚。模型很容易理解成加阴影、加渐变、加毛玻璃。
但你说这是一个给技术买家看的 B2B 页面，密度要高一点，动效要克制，布局不要太花，Agent 至少有了可执行的方向。
它还把不同场景拆成了多个 Skill。
比如 design-taste-frontend 是默认前端设计 Skill，gpt-taste 更严格，redesign-existing-projects 用来改老项目，image-to-code 适合先看图再还原页面。
这就比一份万能提示词更清楚。
3 我做了一个低风险核验
我没有把它直接安装到全局环境里。
这类工具我一般会先做两件事：看仓库结构，再跑只读命令。
我本地 clone 了仓库，能看到 skills/ 下面确实有 13 个 Skill 文件夹。
然后我跑了：
npx skills --help命令可以正常输出帮助信息。
再跑：
npx skills add https://github.com/Leonxlnx/taste-skill --list它能列出 design-taste-frontend、gpt-taste、image-to-code、minimalist-ui、high-end-visual-design 等 Skill。
我又看了主 Skill 的 SKILL.md。
里面真正有价值的，不是“你要做得漂亮”，而是很多明确禁用项。
比如不要默认紫色渐变，不要滥用装饰圆点，不要堆假仪表盘，不要每个区块都长得一样，不要为了显得专业而手写一堆没必要的 SVG。
这些规则听起来很细，但恰恰是 AI 页面最容易露馅的地方。
4 它适合怎么用？
我的建议是，不要把它当成神奇插件。
更好的用法是：当你要让 Agent 做一个前端页面时，把对应 Skill 加进去，然后明确告诉它业务场景。
比如你要做一个 AI 工具官网，就不要只说“做一个高级 landing page”。
你可以说：这是给开发者看的工具页，目标是让人 30 秒内理解功能，不要假截图，不要紫色科技风，信息密度中等，动效少一点。
这时 Taste Skill 的价值就出来了。
它会提醒 Agent 先判断页面类型、受众和视觉语言，而不是直接把老三样端上来。
我觉得这才是 Agent Skill 有意思的地方：不是让 AI 更会喊口号，而是把某个领域里“容易犯错的地方”写成规矩。
最后总结一下
一句话判断：taste-skill 值得前端玩家和 AI 编程用户收藏。
最适合：经常用 Codex、Cursor、Claude Code 做页面，又受不了模板味的人。
需要注意：它不是设计系统，也不能替你判断品牌方向。你给的场景越清楚，它越有用。
全文约 1500 字，13 个图文位置。觉得这篇实测有用的朋友，老规矩，求个三连：点赞、转发和在看。感谢阅读，我是郭震，我们下篇再见。
