Taste-Skill – 专治AI生成的模板脸UI

让AI帮你写个前端页面，它倒是写得挺快，但结果总是那种“标准的、毫无灵魂的”模板脸：居中排版、蓝色按钮、白色背景，要多无聊有多无聊

就像下面这种：

这也不能全怪AI，毕竟训练数据里这种“模板脸”太多了，AI觉得“正常”的界面就是长这样。

但现在！有个叫 Taste-Skill 的开源项目，直接给AI来了个“审美升级包”，专治各种AI生成的“垃圾UI”！

这玩意儿是啥？

Taste-Skill 翻译过来就是“品味技能”，官方定位是**“反垃圾（Anti-Slop）前端框架”**。说人话就是：它给AI程序员灌输了一套“审美标准”，让AI生成的前端界面不再是那种千篇一律的模板脸，而是有设计感、有个性、看着舒服的正经UI。

目前已经在 GitHub 斩获 22704 Stars，用的是 Shell 语言开发，开发者是 Leonxlnx 大佬。

它是怎么工作的？

原理其实很简单！Taste-Skill 实际上是一组**“提示词技能”**（Skill），你可以把这些技能“安装”到你的AI编程助手（比如 Cursor、Codex、Claude Code）里。

安装方式也是相当方便，一条命令搞定：

npx skills add https://github.com/Leonxlnx/taste-skill

安装完之后，AI写代码时就会自动“开挂”——

• 之前：AI → 写个居中登录页 → 完事儿
• 之后：AI → 读取技能 → 自动推断设计语言 → 调整布局/配色/动画 → 高级感拉满

而且！这个项目还内置了三个可调节的“旋钮”，让你自己控制AI的设计风格：

• DESIGN_VARIANCE：布局实验程度（低=中规中矩，高=不对称/现代）
• MOTION_INTENSITY：动画深度（低=hover效果，高=滚动/磁吸动画）
• VISUAL_DENSITY：信息密度（低=留白多，高=密集仪表盘）

这感觉，就像给AI装了个“设计总监”大脑

它能干啥？技能一览

Taste-Skill 提供了一堆针对性技能，适用于不同场景：

️ 代码生成类技能

️ 图片生成类技能

如果你想用 ChatGPT Images 或 Codex 图像模式 生成设计稿，再交给AI写代码，也有专门的技能：

• imagegen-frontend-web：生成网站参考图
• imagegen-frontend-mobile：生成移动端界面
• brandkit：生成品牌设计手册

工作流就是：生成参考图 → 丢给 AI 编程助手 → 搞定可运行的前端代码。

效果到底咋样？

口说无凭，直接上效果！这是用 Taste-Skill 生成的案例：

看看这布局、这排版、这细节，是不是瞬间从“学生作业”变成了“正经商业项目”？

反正比AI之前生成的那种“标准模板脸”强太多了

凭啥选它？

1. 免费开源，MIT 协议 不用花钱，商用也完全OK。

2. 适配所有主流AI编程工具 Cursor、Codex、Claude Code 都能用，不挑工具。

3. 框架无关 React、Vue、Svelte 都能用，规则针对的是“设计意图”，不是具体某个框架的API。

4. 可定制性强 三个旋钮随便调，想要啥风格自己混搭。

适合谁用？

• 前端开发者：想让AI写的代码更好看，减少自己手动调整的工作量
• 全栈工程师：自己一个人干活，需要AI帮忙搞定UI设计
• AI编程爱好者：想让自己的AI助手生成更有“灵魂”的界面
• 设计师：想用AI快速生成可落地的代码原型

小编总结

有一说一，AI 代码能力现在确实强，但审美这件事…确实是个短板。

Taste-Skill 就像给AI请了个“设计顾问”，专门负责告诉AI：“这段代码别给我写成那种烂大街的模板脸，我要的是这种有设计感的东西！”

22K+ Stars 的热度说明大家都受够了AI生成的那些“无聊UI”

感兴趣的老铁可以去 GitHub 看看，链接在此：

https://github.com/Leonxlnx/taste-skill

对了，这个项目最近还登上了 GitHub 热榜，确实有点东西