Taste Skill 深度解析：如何用反模板规则让 AI 生成更有品味的前端代码

当让 AI 独立生成十个落地页时，你很可能会看到几乎相同的结果：紫色渐变背景、居中 Hero 区域、三个等大的卡片布局、一排 Logo 墙——这几乎成了 AI 前端生成的「标准答案」。这种高度同质化的产出并非源于用户 prompt 不够精准，而是 AI 模型本身的「审美默认值」在作祟。由于互联网上优质设计的样本本就稀缺，AI 在训练过程中学到的「好看设计」高度集中在少数几种模式上，导致其输出陷入不断重复的循环。

三个拨盘：定义设计方向的精妙机制

在这样的背景下，一个专注于解决 AI 前端设计品质问题的开源项目应运而生，并在 GitHub 上获得了 37.4K 的 Star 成绩。该项目的核心理念并非让 AI 变得更聪明，而是通过一套结构化的「反默认值」约束规则，系统性地封堵 AI 的偷懒路径。与其告诉 AI 应该如何设计，不如明确告诉它什么绝对不能做。

场景化预设：不同业务的最佳实践

该项目最巧妙的设计在于用三个 1 到 10 的「拨盘」来控制整个设计方向，所有布局、动效、密度决策都围绕这三个核心参数展开。第一个拨盘控制设计变化度，从完美对称到艺术性混乱；第二个拨盘控制动效强度，从静态页面到电影级物理动效；第三个拨盘控制视觉密度，从空灵的画廊感到密集的驾驶舱风格。默认基线设置为变化度高、动效适中、密度偏低，这个组合能够快速产出具有设计感的页面。

完整技能体系：从通用到垂直的全方位覆盖

项目团队经过大量实验，总结出了不同业务场景的拨盘预设方案。SaaS 落地页适合 7/6/4 的保守组合，更符合商业化需求；创意公司落地页可以激进到 9/8/3，充分展现实验性；编辑类和博客站点推荐 6/4/3 的克制优雅风格；公共服务场景则需要 3/2/5 的稳重布局，保证信息密集度的同时不失专业感。设计师作品集适合 8/7/3，让设计感成为首要考量。这些预设并非凭空想象，而是大量测试后的经验总结，可以直接采用或根据实际需求微调。

使用建议与适用边界

该项目实际上是一套包含 13 个技能的完整体系。在通用技能层面，v2 版本的 taste-skill 是全能型选手，能够读取需求简报后自动推断设计语言并调校拨盘；gpt-taste 作为严格版本，提供更大的布局变化和更强的 GSAP 动效；output-skill 则专门解决 AI 的偷懒问题，强制完整输出代码。在风格技能层面，soft-skill 适合高端奢侈品牌设计，minimalist-skill 提供 Notion/Linear 式的极简风格，brutalist-skill 则呈现硬朗的工业野兽派美学。值得注意的是，v2 版本还新增了图片优先流程——先生成参考设计图，再让 AI 对照实现，这种方式产出的质量往往优于直接生成代码。

如有侵权，请联系删除。