设计技能成了新战场：大厂开始成套发布审美规则库，AI 写网页的“模板味”有救了

【免费下载链接】taste-skillAgent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skill

你有没有发现一个奇怪的现象：不管让 AI 做咖啡馆官网、做音乐节页面，还是做一款记账软件，最后交出来的东西都像同一个模子刻的——紫色渐变、居中的大标题、三张并排的卡片，每张卡片上顶一个细线图标。

换掉名字，这页面给谁用都行，也谁都不像。

过去一年，这个问题有了个专门的外号：“AI 味”。而最近，一群大厂和开源社区开始认真对付它了——不是教 AI 写更好的代码，而是教 AI 什么叫做“好看”。

一、这波“成套发布”，到底在发布什么？

以前我们调教 AI，靠的是一句句提示词：“高级一点”“有设计感一点”“别那么像模板”。结果就是，AI 每次都点头，每次都交出同一张脸。

现在风向变了。行业里开始出现一整套一整套的设计技能包：把配色、字体、留白、动效、什么能用、什么绝对不能用，全部写成结构化的规则文件，像给新员工发一本《员工手册》，让 AI 每次动手前先翻一遍。

有媒体报道，Anthropic 和 Meta 都在往这个方向铺设海量的辅助设计技能库；微软那边也在讲“品味驱动”的智能体，想让 Office 里的助手不只会排版，还懂点什么该突出、什么该收敛。

大厂一成套发布，性质就变了：这不再是一个提示词技巧，而是一套可以被安装、被复用、被团队共享的“标准件”。

而在这场混战里，最能说明问题的，反而是开源社区跑出来的一个项目——taste-skill（直译过来就是“品味技能”）。它这几个月在 GitHub 上一路飙榜，被一堆开发者称为“治好了我的审美焦虑”。

二、它到底是个啥？一句话：给 AI 请了个 art director

你可以这么理解：

它不是模型，不是插件，也不是一键美颜工具。它更像一张贴在 AI 工位上的“美术指导便签”——AI 每做一个页面，都得先按这张便签走流程。

这张便签背后的底气，不是什么玄学，而是一次挺“笨”的研究：作者抓取了 247 个精选网站（来自 One Page Love 和 Awwwards 的每日最佳），用浏览器逐屏截图、逐项测量，再让模型评审团按设计 40%、可用性 30%、创意 20%、内容 10% 打分。

最后沉淀下来的“家底”是这样的：

• 20 种设计方向：名字当纪念碑、把页面做成请柬、用颜色分章节、让产品自己表演……
• 58 种首屏构图、185 种版块构图
• 44 套免费字体搭配、56 套配色、18 种动效
• 202 个被拆解过的参考站点

这就像给 AI 准备了一整柜子的“风格卡牌”，而不是让它永远从抽屉最底层摸出那张紫色渐变。

三、它到底牛在哪？三个最实在的地方

1. 给 AI 发牌，逼它“做决定”

最妙的设计是这个：AI 不能自己想风格，得由脚本随机发三张方向牌，然后它必须挑一张，并说明为什么这张适合这个客户。

选完之后，字体、配色、首屏、版块排布，全部从研究库里“发”下来。

为什么这么绕？因为研究里发现了一个扎心的事实：**让模型自由发挥，它每次都会选品类默认款。**咖啡馆就是暖木色，SaaS 就是紫色渐变，音乐节就是霓虹黑底。不是它不会，是它太“求稳”。

随机发牌，等于把它从舒适区里拽出来。

2. 一份很硬气的“黑名单”

这个项目最出圈的部分，是它公开点名了一堆“AI 味”元凶：标题上方的小标签、等宽字体的装饰性小字、01/02/03 编号、1 像素细线、到处发光的按钮、卡片底下的灰色阴影、奶油色配赤陶色、紫色渐变、图标顶在圆角方块里的三张同款卡片……

而且它不只是“建议别用”，是真的会用程序去查。

3. 自己开浏览器，给自己的作品打分

这一步是它跟大多数“提示词包”最大的区别。

页面做完，它会用真实浏览器在三个宽度下打开（电脑、平板、手机），量标题占了几行、字号是不是太小、左右边距对不对、有没有哪一屏空得发慌、文字有没有被图片压住。

然后截图，让 AI 自己看自己的作品，按评审标准挑出最差的三个问题，改，再看，最多来三轮。

上图是官方示例里的一家咖啡馆页面：没有渐变，没有卡片墙，首屏直接把“二十个座位和一台烘豆机”做成一块店面招牌，连开门时间、地址都摆在明面上。这种“只有这家店才有”的细节，正是它想逼 AI 去找的东西。

这张电子音乐活动页更典型：日期直接压在老工厂照片的网格里，青色和黑色撞得很凶，但信息一点都不含糊——时间、场次、票价，全在第一屏。

再看这个“柜台常被问到的问题”，用便利贴一样的色块把问题分堆。你会发现它没有变“高级”，但它变得像这家店自己长出来的。

四、普通人上手，门槛高不高？

好消息是：不需要显卡，不需要 API Key，也不用训练模型。

它的运行条件就两个：电脑上有个较新的 Node 环境，装了 Chrome、Edge 或 Chromium 浏览器。找图片时需要联网，图片来自维基共享资源、Openverse、芝加哥艺术博物馆、大都会博物馆这类开放馆藏，只挑允许商用的授权，并且会自动把出处标在页面上。

安装基本就是一行命令的事，然后在你常用的 AI 编程工具里喊它干活就行。它兼容 Claude Code、Codex、Cursor 这类工具，也支持 React、Vue、Svelte 甚至纯 HTML——因为规则管的是设计，不是框架。

更省事的是，作者还做了一个免费的桌面版，把整套技能装进一个应用里，自带设计智能体，支持 Codex、Claude Code 和 Grok。

代价是什么？**慢，而且费 token。**官方说一次完整构建大概 30 到 45 分钟，消耗几十万 token，大部分时间花在找图、画图、反复自查上。

所以它更适合这些人：要交付客户页面的小团队、独立开发者、做品牌落地页的自媒体和创业者。如果你只是想给朋友圈做张图，那确实有点杀鸡用牛刀。

五、成套发布之后，中小团队被挤到哪了？

这才是这波趋势真正值得琢磨的地方。

过去，一个中小团队的核心竞争力里，有很大一块叫“审美”。同样是做官网，别人做的像 PPT，你做的像作品集，这中间就是溢价。

现在，头部玩家把审美拆成了清单、阈值、检查项，打包免费发出来。审美的“下限”被整体抬高了——随便一个会用 AI 的人，都能做出不难看的页面。

那中小团队还剩什么？

我觉得剩两样东西，而且这两样恰好是规则库替代不了的：

**一是“只有你知道的事”。**项目里反复强调一条“竞争对手测试”：把你 nearest 的同行名字填进这句话里，如果句子照样成立，那这个创意就属于品类，不属于你。面包是每家面包店都有的，你家门口那条街的七个门牌号，才是你自己的。

**二是“敢不敢不听话”。**规则库能保证不难看，但保证不了惊喜。真正让人记住的页面，往往是先有一个只属于这个客户的想法，再去套规则。

六、标准之争，会不会重演？

会，而且已经在发生了。

技能包这东西，一旦有了统一的文件格式、统一的安装方式，就很容易变成新的“操作系统入口”。谁的标准被装得最多，谁就掌握了 AI 生成内容的默认审美。

但 taste-skill 里有个细节，我觉得特别清醒：它给自己的“黑名单”标了日期，分成了 2023—2024 的第一波、2025 的第二波、2025—2026 的第三波，还专门写了一节叫“为什么删掉装饰还不够”。

里面那句话挺狠：第一批被列为“AI 味”的东西，当年都是好设计。紫色渐变曾经时髦，奶油色配赤陶曾经高级，等宽小字曾经很有技术感——它们变成“味”，不是因为变丑了，而是因为所有人都在无理由地用它。

所以它刻意不推荐“换成某个字体、某个颜色”，只给流程：从库里抽、从主题里长。

这大概就是这场“设计技能之战”最有趣的地方：大厂在争夺标准的定义权，而真正决定胜负的，可能是谁能持续地不给标准答案。

说到底，AI 从来不缺执行力，缺的是“这一步为什么要这么做”。

当规则被成套发布，写代码的门槛在降低，做设计的门槛也在降低，但判断力的门槛，反而被抬得更高了。

那么问题来了：如果有一天，AI 做出来的页面已经挑不出毛病，你还会为“设计”多付钱吗？或者说，你愿意为一个“说不上哪里好，但就是不一样”的页面，多付多少？

评论区聊聊，你最近见过的“最像 AI 做的”网站，长什么样。

【免费下载链接】taste-skillAgent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skill