你是否曾经尝试过向 AI 下达“帮我做一个酷炫的网站”这样的指令?结果可能是一个你曾在别处见过的、充斥着紫色渐变的、乏味且平庸的布局。
先说结论:一款名为“Taste-Skill”的游戏规则改变者已经出现,它能将 AI 的设计感提升到人类设计师的水平。
这个框架拒绝 AI 生成的那种单一且廉价的设计,即“Slop(废料)”。相反,它是一个创新的工具,通过精确控制设计的变量、动态效果和密度,为 AI 注入“审美眼光(Taste)”。
AI 设计的顽疾:为什么会产生“Slop”?

我们最近正在经历 AI 生成内容质量下降的过程。虽然在技术上运行完美,但视觉上毫无吸引力的界面层出不穷。开发者们将这种现象称为“Slop”,即低质量的数字垃圾。
为什么会发生这种情况?现有的 LLM(大语言模型)在学习海量数据时,被训练成输出最“平均”的结果。当收到“做一个网站”的命令时,模型会调用概率最高——即最常见、最乏味——的模板。
在这个过程中,作为设计核心的**排版微调、空间留白(Spacing)以及生动的动态效果(Motion)**全都遭到了忽视。结果就是,功能虽然可以运行,但产出的结果缺乏能够触动用户心灵的“感性”。在 2026 年的今天,AI 编码的范式正在从“代码能否运行”迅速转向“有多美观”。
Taste-Skill:教 AI 理解设计的“质感”

Taste-Skill 正是在这一点上大放异彩。这个项目不仅仅是一个编写代码的工具,它是一个帮助 AI Agent 理解设计语法的“反 Slop(Anti-slop)”前端框架。
该系统最令人惊叹的地方在于,它为 AI 提供了可以决定设计细节的“三个旋钮(Three Dials)”。就像调节音频均衡器一样,开发者可以指示 AI 进行如下微调:
- DESIGN_VARIANCE (设计变量):从 1(完美对称)到 10(艺术化的混沌)进行调节,决定布局的独特性。
- MOTION_INTENSITY (动态强度):从 1(静态)到 10(电影级的物理效果)进行调节,控制界面的生动感。
- VISUAL_DENSITY (视觉密度):从 1(画廊般的空旷)到 10(信息密集的驾驶舱)进行调节,设置信息的布局密度。
通过这些旋钮,我们可以完全重新定义 AI 输出结果的风格,从“极简 Notion 风格”到“强烈的粗犷主义(Brutalist)风格”。现在,AI 不再会滥用平庸的紫色渐变,而是能够运用我们想要的设计语言。
超越单纯的代码生成:基于图像的工作流

Taste-Skill 并不只是通过文本指令工作。该框架支持基于图像的流水线(image-to-code-skill),从物理层面扩展了设计的边界。
工作流非常直观且强大。首先,用户生成或获取一张具有所需氛围的网站参考图。接着,Taste-Skill 会分析这张图像并推断出设计语言。
AI 会自主识别:“这张图片使用了什么色调?”、“留白有多大?”、“字体感觉如何?”,然后将其转化为实际代码。这就像一位熟练的设计师看着草图编写出完美的网站的过程。
特别是使用像 gpt-taste 这样的特定技能时,可以强制 GPT 或 Codex 生成的代码遵循更严格的设计规则。这表明 AI Agent 正在进化为能够自主遵守设计指南并产出结果的“智能设计师”。
实战应用:如何应用到你的项目中?

使用这个强大工具的方法简单得令人惊讶。如果你是开发者,可以通过熟悉的 CLI(命令行界面)立即安装。
最基本的安装命令如下:
npx skills add https://github.com/Leonxlnx/taste-skill
如果你想要特定的风格,可以使用 --skill 标志来选择所需的 Persona(人格)。例如,想要高级感可以使用 soft-skill,想要极致极简主义可以使用 minimalist-skill。
专家建议: 在盲目要求编写代码之前,务必经过“需求推理(Brief Inference)”阶段。Taste-Skill 的设计初衷是在编码前先分析用户的意图,包括页面类型、氛围关键词、品牌资产等。
请先向 AI 声明明确的设计引导(Design Read),例如:“这是一个面向技术购买者的 B2B SaaS 落地页,使用 Linear 风格的极简语言。” 这一句话将决定最终产出质量的决定性差异。
社群驱动的进化:开源的力量

为什么 Taste-Skill 能如此迅速地成长?这得益于由卓越构建者 Leonxlnx (Leon Lin) 领导的活跃开源生态系统。
截至 2026 年 5 月,该项目在 GitHub 上已获得超过 25,000 个 Star,受到了全球开发者的热烈关注。社区不仅在修复 Bug,还在共同规划项目的未来。
- Svelte 5 移植请求:有声音希望通过迁移到最新的框架来最大化性能。
- 全球本地化:关于应对中文圈 AI 特有设计模式的讨论非常活跃。
- 增强无障碍性(Accessibility):不断有建议提出增加无障碍技能,以确保所有用户都能享受美观的 UI。
这意味着 Taste-Skill 正在超越个人项目,成长为一个正在制定 AI 时代设计标准的平台。
结语:AI 终将变得像你的“品味”一样

现在的 AI 不再只是实现功能的机器。通过 Taste-Skill 这样的工具,AI 正在学习我们的审美,进化成为能够反映我们品味的数字伙伴。
摆脱乏味平庸的“Slop”设计,尝试将你独特的原创设计哲学注入 AI 中吧。当 AI 生成的代码与你的感官相遇时,真正的“作品”才会诞生。
在 AI 生成的设计中,你觉得最让你失望的部分是什么?或者你最想先教给 AI 什么“品味”?欢迎在评论区分享你的看法!
参考资料
- Taste-Skill - gives your AI good taste ... · github.com
- Taste Skill | The Anti-Slop Frontend Framework for AI Agents · tasteskill.dev
- leonxlnx/taste-skill - Claude Code Marketplaces · claudemarketplaces.com
- Frontend Solved with images-taste skill? : r/codex · reddit.com
- Leon Lin Leonxlnx · github.com
- Leonxlnx/taste-skill · github.com
- Issues · Leonxlnx/taste-skill · github.com




