不知道你有没有这种体验。
现在让 AI 给你做个网页、写个落地页,出来的东西,你扫一眼就知道,这是 AI 做的。
说不上哪里不对,但就是有股味儿。我一开始也形容不出来,后来盯着看多了,干脆把它的破绽一条条总结了出来。
总结完我才发现,这事儿其实有救。GitHub 上有个 4.6 万星的小东西,专治这个毛病。这篇就把这两件事一次讲清楚,破绽长什么样,以及怎么一句话把它治好。
一. AI 做的网页,破绽到底在哪
你回想一下你见过的那些 AI 生成的页面,是不是几乎都长一个样。
第一,一进来,顶上准是一团紫色的渐变光晕。蓝紫到粉紫那种,糊在背景上,AI 好像觉得这样就高级了。
第二,每个小标题上面,非得再加一行小字。一个大字号的标题,头上顶一行灰色的小标签,永远是这个套路。
第三,往下一拉,永远是三个长得一模一样的玻璃卡片。等宽、半透明、带个圆角,整整齐齐排成一排。
第四,按钮永远是那个发着光的紫色。带阴影、带光晕,生怕你看不见它。

上面这张,就是我让 AI 随手做的一个页面。你数数,紫光晕、顶上的小字、三个一样的玻璃卡、发光的紫按钮,四个破绽一个不落。你是不是天天见。
不是 AI 不会做好看的东西。是它一动手,就往这几个默认的坑里钻。
这几样东西凑在一起,就成了那股一眼就能闻出来的 AI 味。
二. 我翻到了 taste-skill,4.6 万星
就在我对着这些破绽发愁的时候,我翻到了这个东西,叫 taste-skill。
名字直译过来,是「品味」技能。GitHub 上 4.6 万颗星,它给自己的定位特别狠,叫「反 AI 垃圾」框架。
它的思路,跟我想的完全是一回事。它把 AI 做前端的那些破绽,一条一条写成了规则,全给禁了。
紫色光晕,禁。小标题顶上那行小字,禁。三个一模一样的玻璃卡片,禁。发光的紫按钮,禁。连那种一看就是 AI 爱用的衬线字体、土味的米色配色,都给你拉进了黑名单。
说白了,它不是教 AI 怎么做得花哨,而是逼着 AI 把那些偷懒的默认习惯戒掉,长出一点真正的品味来。
三. 装上之后,同一句话,页面换了个人
光说规则没意思,我直接上手试了。
同一个 AI,同一句话,让它做一个落地页。区别只有一个,装 taste-skill 之前做一版,装上之后再做一版。
出来的结果,像换了个人做的。
那团紫光没了,换成了克制的单色。居中堆叠的版式,改成了有主有次的非对称排版。三个一样的玻璃卡,变成了有真实层级的内容块。发光的紫按钮,也安静了下来,但你一眼就知道该点哪儿。
这就是我当时跑出来的两版,放一起你感受一下。左边是 AI 默认做的,右边是装上 taste-skill 之后,同一个 AI,同一句话,我一个字的代码都没改。

原来那版,一眼假。装上之后这版,像大厂官网。
最关键的是,变的不是代码,也不是我喂给它的那句话,而是 AI 脑子里那套审美的底线被换掉了。
光看截图可能还不够。装上之后那一版,我从头到尾完整滚了一遍,你感受一下整页的节奏。

四. 怎么用:就一行命令
用起来比想象的简单,就一行命令的事。
先说前提。它不是一个你下载下来双击就能用的软件,它是个 skill,得装在你的 AI 编程工具里。Claude Code、Codex 或者 Cursor,有一个就行。
在这些工具里跑一行 npx 命令,把 taste-skill 装进去。装完之后,往后你每次让 AI 做前端,它都会自己照着这套规则来,不用你每次提醒。

完整的命令我写在今天的第二条资料包里了,你照着复制一遍就行。如果你完全没碰过这类工具,那这篇可以先收藏,等你哪天用上了,再回来翻。
五. 风格还能自己调,但别拉满
它还留了个很妙的旋钮,让你调风格的大胆程度。
这个旋钮,一头是居中、克制、安全,另一头是非对称、张扬、大胆。你想要素一点还是炸一点,自己拧。
但有一句话我得提醒你,别无脑拉满。
我试过拧到顶,那一下它又用力过猛了,巨大的字、夸张的留白,反而有点装。我自己摸下来,甜区其实在六七档,又有性格又不过火,这个区间最舒服。

六. 它和上次那个 design-md,差在哪
看到这儿,用过我上一篇推荐的 design-md 的朋友,可能会有点犯嘀咕,这俩是不是一回事。
不是。它俩是同一个赛道里,两种完全不同的思路。
上次那个 design-md,是给 AI 一本大厂的作业去抄。把 Linear、Stripe 这些公司的设计规范整理成现成的本子,AI 照着抄,做出来就是那家的样子。
这次这个 taste-skill,是直接给 AI 装上审美。它不给你抄哪家,而是把「什么是难看的」这件事讲透,把那些坑全堵死,让 AI 自己长出判断力。

一个是临摹范本,一个是培养品味。你要快速复刻某家的风格,用 design-md。你想让 AI 不管做什么都不掉链子,用 taste-skill。两个配着用,效果最好。
写在最后
说回我自己的感受。
AI 现在已经能帮我们把活儿干完了,但它做出来的东西好不好看、像不像样,一直是个老大难。taste-skill 这种东西让我有点意外,原来「审美」这件听起来最玄的事,也是可以被写成规则、装进去的。
以后再让 AI 做网页,真没必要忍着那股一眼假了。
我把这次用到的东西整理成了一份资料包,就在今天的第二条。里面有那段一键安装的提示词,你不用自己敲命令,复制丢给 Claude Code 或者 Cursor,它自己就装好了。另外还附了一张完整的「AI 设计破绽清单」,你可以拿去对照自查自己的页面。
翻到第二条,照着做就行。
如果你也装上跑通了,回来评论区给我看看,你那一眼假的页面,被治成什么样了。
我是 Leo,一个把 AI 真用进活儿里的产品人,这里只发自己上手实测过的东西。觉得这篇有用,点个赞和在看,也欢迎转发给那个还在做着一眼假页面的朋友。
夜雨聆风