taste-skill让 AI 生成出来的界面不那么AI味
做过 AI 辅助前端开发的人肯定遇到过:你让 Claude Code 或 Cursor 写一个页面,出来的东西功能没问题,但就是很模板——居中堆叠、平庸间距、没有设计语言。这是模型的问题吗?不完全是。
taste-skill 给出了一个解法:把品位打包成 Agent Skill,挂进你的编码 Agent 工作流。
1. 主要功能
AI 生成的 UI 之所以看起来千篇一律,是因为模型默认走最安全的路——最常见的布局、最保守的间距、最平庸的字体层级。taste-skill 的做法是在模型执行之前给它注入一套设计规范,强制它做出有设计意图的决策。
2. Skill 怎么用
核心 skill(design-taste-frontend)会让模型先读取需求、推断设计语言,然后拨动三个旋钮:
1)VARIANCE:布局实验程度(低 = 居中干净,高 = 非对称/现代)
2)MOTION:动画深度(低 = hover,高 = 滚动触发/磁吸效果)
3)DENSITY:信息密度(低 = 留白充分,高 = 仪表盘式)
还有一个强制过检清单,防止模型半途而废交一半代码。
3. Skill 库里还有什么
不同场景有专门的 skill:
1)redesign-existing-projects:先审计现有 UI 再改,不是从头写
2)high-end-visual-design:软对比 + 大留白 + 弹簧动画,走高级感路线
3)minimalist-ui:Notion/Linear 那种克制风格
4)industrial-brutalist-ui:Swiss 字体、硬对比、实验布局
5)full-output-enforcement:专治 Agent 交一半代码就停的毛病
6)配套还有图生代码、品牌 VI 生成的 image skill
