让 AI 写的页面不再千篇一律：Taste-Skill 把审美塞进 Prompt 里

你有没有这种感觉：现在用 AI 写前端，出来的页面总有点「AI味」？配色安全、布局模板化、动效敷衍，一眼就能认出是 ChatGPT / Claude 生成的。

Taste-Skill 就是来解决这个问题的。

它是什么

Taste-Skill 是一套给 AI Agent 用的「审美 Skill」，目标是让 AI 生成的界面真正有设计感，而不是套模板。仓库已经冲到 62.9k Star，是 2026 年前端 AI 领域最火的项目之一。

核心思路很简单：AI 不是不会写代码，是缺少「好品味」的系统性约束。Taste-Skill 给 Claude Code、Cursor、Codex、Copilot 等工具装上一套设计规则，从布局、字体、动效、留白四个维度给 AI 下指令，结果就是——生成的页面看起来像人设计的。

怎么用

一条命令装进你的 AI 编程工具：

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

装完之后，你让 AI 写页面时，它会自动读取 Taste-Skill 的设计规范，而不是凭「训练数据里的常见模式」乱画。

这个仓库里还打包了 13 个 Skills，覆盖不同风格：

• design-taste-frontend：默认 Skill，v2 已支持自动推断设计方向
• soft-skill：走柔和、高级感的视觉风格
• brutalist-skill：走硬核瑞士排版风格
• imagegen-frontend-web / mobile：先生成设计参考图，再写代码
• redesign-skill：给已有项目做视觉审计 + 重构
• stitch-skill：输出 Google Stitch 可读的设计规则

谁该用

• 用 AI 写落地页 / 组件库 / Dashboard，但总觉得「差点意思」的开发者
• 想快速出高保真原型的独立设计师
• 给团队定前端设计规范的 Tech Lead

我的看法

Taste-Skill 最聪明的地方，不是教 AI 某个具体框架，而是教 AI 怎么判断「好看」。它把设计系统拆成可量化的规则（留白比例、字体层级、动效曲线），让 AI 在写代码之前先过一遍审美检查。

这个思路可以直接复用到其他领域：让 AI 写文案有「品牌语气 Skill」，写 SQL 有「性能 Skill」……Taste-Skill 证明了 Skill 不是简单封装 API，而是把专家的判断力翻译成 AI 能遵守的规则。

如果你已经被 AI 生成的模板化页面搞烦了，这个项目值得立刻装。

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

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