![]()
你用 AI 搭网页或界面,是否常常一看就知是「AI 做」,又丑又样板?这个问题有个名,叫「AI slop」,即千篇一律、没灵魂的样板货。随着越来越多人用 AI 快速搭 landing page 与产品界面,这种「AI 味」也越来越明显。GitHub 上一个超过 6.5 万 star 的开源工具「Taste Skill」,正正针对这一点:给 AI「审美」,令它搭出来的界面有排版、字体、动效与留白,不再一味套模板。本文详细拆解它是什么、AI slop 的具体病征、怎么运作、有哪些风格变体,以及哪些人用得着与要注意什么。
什么是 Taste Skill?
Taste Skill 是一套「反样板」的前端 Agent Skills,用来提升 AI 搭出来的界面质素。它以「SKILL.md」形式存在,即一个可携的指令档,AI 可以自动载入并跟着做。它不绑定某一个框架,React、Vue、Svelte 都能用,因为它针对的是「设计意图」而不是某个 API 语法。整个项目采用 MIT 开源授权,免费使用,而且社群活跃、持续更新,主 skill 现时已推出经大幅重写的第二代。
AI slop 有什么具体病征?
「AI slop」不是一句抽象批评,而是有迹可寻的通病:版面永远置中对称、缺乏视觉层次;间距松散又平均,没有疏密节奏;字体大小对比不足,标题与正文分不开;配色安全但沉闷;动效欠奉或只得基本 hover。这些加起来,就令人一眼认出「是 AI 做」。根源在于模型倾向输出「统计上最安全」的选择,而安全往往等于平庸。Taste Skill 就是用规则逼 AI 离开这个安全区。
它是怎样运作的
Taste Skill 的核心,是一套经专门研究整理的「反重复、反样板」设计规则,写进 SKILL.md。当 AI agent 载入之后,它会在搭界面时跟着这套规则行事:主动制造版面变化、加强字体层次、铺排留白与节奏、加入恰当动效。它甚至内建了一些「硬规则」,例如禁用某些一看就俗的写法,并要求做设计前先推断品牌语气。换言之,它把资深设计师的判断力,变成 AI 可以照跟的指令。
怎样安装与使用
安装很简单:用一句 npx skills add 指令,就可以把它装到 Claude Code、Cursor、Codex 等主流 coding agent;也可以只装其中一个指定 skill。你也可以把 SKILL.md 直接复制进项目,或贴入 ChatGPT/Codex 对话。装好之后,你叫 AI 搭界面时,出品就会明显更有品味。如果你是改造现有项目,还有专门的「redesign」skill,会先审视你现有 UI,再逐项修正版面、间距、层次与样式,不用推倒重来。
三个可调「旋钮」
主 skill 提供三个 1 至 10 的调节旋钮,让你精准控制风格。DESIGN_VARIANCE(版面实验度):低是置中、干净;高是不对称、现代。MOTION_INTENSITY(动效强度):低是 hover 为主;高是滚动触发与磁吸互动。VISUAL_DENSITY(信息密度):低是宽松留白;高是密集仪表板。三颗掣一调,同一个 skill 就可以从保守企业风,变到大胆前卫风,切合不同品牌与场景。
多种风格变体
除了预设,它还提供多个专门变体,让你按已定好的方向直接挑:极简(Notion、Linear 那种克制编辑感)、高级柔和(柔对比、大量留白、弹性动效,营造「贵」的感觉)、工业 brutalist(Swiss 字体、硬朗对比、实验版面),以及针对 GPT/Codex 更严格的变体。还有一个「full output」skill,专治 AI 交半桶水、留一堆 placeholder 不写完的老问题。
不止搭 code,还会出设计图
Taste Skill 除了输出程序代码的实作 skill,还有一组「出图」skill:可以生成网站参考图、手机界面流程、甚至品牌 kit(logo 方向、色板、字体、识别应用)。这些 skill 只出图、不出 code。常见流程是先用出图 skill 生成参考、分析,再交给 coding agent 落地实作,等于把「设计」与「开发」串成一条龙。这种「先看到、再落实」的做法,对不懂画图但想快速定方向的人特别实用。
哪些人用得着
任何用 AI 搭网站、landing page、产品界面的人都用得着:创业者做 MVP、市场团队出活动页、开发者想快而不想丑、freelancer 想以少人手交出有水准的设计。对非设计背景的人尤其有用,因为它把「好设计」的判断力预先写入规则,令你不懂设计也能出到有水准的界面。对已有设计师的团队,它也可以做「第一稿加速器」,先由 AI 出到七、八成,再由人手执靓。
限制与注意
几点要留意:一,它提升的是「设计品味」,不会自动帮你想清产品逻辑与信息架构,方向仍要你定;二,主 skill 现为实验性的第二代,行为可能还会调整,若你依赖旧版的确切表现,可以指定装回第一代;三,出来的是起点而不是终稿,重要项目仍应由人手审视与微调。把它当成一个「有品味的初稿引擎」,而不是「一键完美」,就能用得最顺。想知道怎样挑对那个变体与实际落地步骤?欢迎前往 ai.ud.hk 了解更多 UD 的 AI 员工方案,看看如何令你的 AI 出品更专业。
懂AI,更懂你|UD相伴,AI不冷