用 AI 写前端界面，最让人头疼的不是它写不出来，而是写出来太丑了。
用过 Cursor 或 Claude Code 写页面的人应该都有这个体验：功能没问题，布局居中、边距标准、颜色也用了 Tailwind 默认色。但你总觉得哪里不对——像 2015 年的 Bootstrap 模板。说不上哪个具体元素有问题，但整个页面就是「没有灵魂」。
这其实不是 AI 的能力问题，而是它的「审美」被训练数据平均化了。AI 见过最多的是基础教程里的样板界面，它不认识什么叫「高级感」。
Taste-Skill 就是这个问题的解法。
它不是什么独立的软件或框架，而是一套可插拔的 Agent Skill——也就是写给 AI 读的指令文件。你把它装到 Codex、Cursor、Claude Code 或 GPT 里，AI 写出来的界面就会自动带上「设计感」。
核心逻辑就三个旋钮
Taste-Skill 在 SKILL 文件头部定义了三个 1-10 的调节旋钮：
- DESIGN_VARIANCE（布局实验性）：调高会让布局不对称、更有现代感；调低就是居中、安全、不出错
- MOTION_INTENSITY（动效深度）：低只做 hover 效果，高则会加入滚动动效、磁性吸附等
- VISUAL_DENSITY（视觉密度）：低是宽敞留白的极简风，高适合数据密集的仪表盘
有了这三个参数，同一套规则可以适配完全不同风格的项目——给 Landing Page 做的时候把 VARIANCE 和 MOTION 拉满，给后台管理界面调低 DENSITY 就行。
不是一套方案打天下
Taste-Skill 仓库里其实有十几套不同的技能文件，按需安装：
- taste-skill（默认 v2）：通用默认，适合大部分项目
- minimalist-skill：Notion/Linear 风格的编辑产品 UI
- brutalist-skill：瑞士排印 + 硬切割 + 实验布局的工业风
- soft-skill：柔和、高级、昂贵的视觉感——低对比度、大量留白
- redesign-skill：重构已有项目的 UI，先审计再修改
- image-to-code-skill：图片 → 分析 → 生成代码的完整管线
还有专门用来生成设计稿的图片技能——让 ChatGPT 或 Codex 先出设计参考图，再交给编码代理实现。
安装方式简单到离谱
一行命令就行：
npx skills add https://github.com/Leonxlnx/taste-skill
你也可以只装其中一个子技能：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "minimalist-ui"
装完再打开 AI 编辑器，让 Agent 写页面——效果立竿见影。
这个项目短短几个月就拿到了 65K+ Stars，不是因为它做了什么惊天动地的事。而是它指出了一个很朴素的事实：AI 不是没有能力写出好看的界面，只是没人告诉它什么叫「好看」。Taste-Skill 就是那个告诉 AI 的说明书。
| 项目 | 信息 |
|---|---|
 Stars |
65,200+ |
 语言 |
JavaScript |
 许可 |
MIT |
 平台 |
命令行 / 所有 AI 编码代理 |
官网