你有没有发现,AI 帮你写的前端,总长着同一张脸?都是居中的大标题、圆角卡片三件套、一个紫蓝渐变的按钮,排版工整、毫无记忆点。有人给这种东西起了个名字——AI slop(AI 糊弄出来的那种东西)。GitHub 上一个 37k 星的项目专门想治它,叫 Taste Skill。四个点带你看懂它 👇
1️⃣ 先搞懂 AI 为什么爱出这张「大众脸」。模型是在海量网页上训出来的,它学到的是「平均值」;而对一个被要求「做个好看的落地页」的模型来说,最安全的选择,永远是那个最常见、最不会出错的版本——居中、对称、留白、套一个大家都在用的组件库。安全,但也最没性格。你不主动告诉它「我要什么调性」,它就默认给你那杯最寡淡的白开水。
2️⃣ 它的解法挺有意思:把「审美」做成一套可移植的指令。说白了就是几份 SKILL.md 文件,塞给你的编程 agent——Claude Code、Cursor、Codex、ChatGPT 都能用——让它生成前端时,不再默认套那套最安全、最无聊的模板。
核心是三个可以拧的旋钮,1 到 10:DESIGN_VARIANCE 管布局有多敢玩(从规规矩矩的居中,到大胆的不对称);MOTION_INTENSITY 管动效有多重(从老老实实的 hover,到滚动联动、磁吸那种);VISUAL_DENSITY 管一屏塞多少信息(从留白很多,到仪表盘那种密)。你想要什么调性,先把这三个数定下来,agent 照着走。
3️⃣ 最新的 v2 又加了几样挺实在的,几乎每一条都对着一个具体的「AI 味」开刀。
一是 design-system map:动手之前先把色彩、间距、字阶这些 token 定死,免得 agent 每写一个组件就自由发挥一次,最后整站东拼西凑。二是一套现成的 GSAP 动效骨架:不用每次都让模型现编动画——它现编的动画往往要么僵硬、要么浮夸,给它一套经过调校的骨架直接套,稳得多。三是一个 redesign-audit 流程和发布前的 pre-flight 检查,相当于交付前让它自己回头审一遍:层级对不对、留白匀不匀、有没有又滑回那张大众脸。最逗的是,它还专门写了一条「禁止使用 em-dash」——因为那个长破折号,已经成了「这段是 AI 写的」最出名的暴露标志之一,做内容的人会心一笑。
4️⃣ 我真正喜欢的,是它背后那个问题:品味,这种一直被当成「只可意会、不可言传」的东西,到底能不能被拆成一套可复用的规则,交给机器照着执行?它给的答案是——至少有一部分可以。把「好看」翻译成「方差调到 7、动效调到 4、密度调到 3」,听起来很机械,但确实让你能复现、能调、也能跟同事讲清楚:这次我想要的不是「随便好看一点」,而是这一组具体的数。说到底,模型不缺生成能力,缺的是你把脑子里那套审美,明确地落成它能读懂的参数。能落成参数的那部分,就能被它稳定地执行;落不下来的那部分,才是真正还得靠人的地方。
不过得泼盆冷水。它的 README 里有示例截图,但没有严格的「用了 vs 没用」前后对比,也没有任何量化的「slop 降低了多少」。也就是说,它到底有没有用,目前主要靠作者的说法和几张图撑着,不是可复现的对照实验。37k 星说明很多人感兴趣,但感兴趣不等于被验证。把它当成一个值得自己拿项目试一把的方向就好,别当成银弹。
真要试,成本也低:npx skills add 一句话,或者直接把 SKILL.md 拷进项目。MIT 协议,随便用。下次再让 AI 给你搭页面、又被那张「大众脸」劝退的时候,可以想想——也许缺的不是模型,是你没把「想要什么品味」这件事,明确地写给它听。
关注 @svtransit1 · 写给真在用 AI 的人
#AI #ClaudeCode #前端 #AI设计 #AI工具
原始来源：https://github.com/Leonxlnx/taste-skill
关注 @svtransit1 · 每 3 小时一篇 AI 前线 · RSS