设计技能成了新战场大厂开始成套发布审美规则库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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 
长河君 · 2026/10/30 9:45:38 · 阅读 1.2k 设计技能成了新战场：大厂开始成套发布审美规则库，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你有没有发现一个奇怪的现象不管让 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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考