正在打开工具详情…
正在打开工具详情…
一组可移植的 Agent Skills，专治 AI 生成界面的「AI 味」：布局、字体、动效、间距都有明确禁令。适合让代理直接产出像样前端的人；代价是 v2 需要 Node 22+ 和本机 Chrome，没有浏览器就没有自动检查。
让编码代理直接产出前端页面、但受够了千篇一律模板感的人；以及想在实现前先拿到有审美的参考图的团队。
只有纯后端需求的人；也不适合机器上没有 Chrome / Edge / Chromium 又不想装的人——v2 的检查器跑不起来，只剩一半能力。
Taste Skill 是一组可移植的 Agent Skills，装在编码代理身上，目的是治掉 AI 生成界面那股模板味。默认的 design-taste-frontend 已经是 v2：它先让代理盘点「只有客户端才有的东西」，再从一个研究过的方向库里发三个方向供你选（20 个方向、48 个 hero、172 种版块布局、44 套字体系统、56 组配色），最后用一个真实浏览器检查器按规则判页面不合格。
最有意思的是那份禁令清单，它把「AI 味」拆成了可判定的项：眉批式小标签（eyebrows）、等宽小字标签、01/02/03 编号、发丝线、渐变、静止阴影、奶油配色土、紫色、超过两行的标题、空屏、被遮挡的文字。判完之后还有一轮看着自己的截图修的循环。
除了这个默认技能，还有一堆各有专长的：image-to-code（先出图再分析再实现）、redesign-existing-projects（先审计再改老项目）、high-end-visual-design（克制高级感）、minimalist-ui、industrial-brutalist-ui、full-output-enforcement（治代理输出半成品）、gpt-taste（给 GPT/Codex 的更严版本），以及三个只出图不出代码的 imagegen 技能。
代价与坑：v2 的检查器需要 Node 22+ 和本机已装的 Chrome / Edge / Chromium（它自己不装任何东西），没有浏览器就只剩方向建议，拿不到自动检查；旧的单文件版本才带 DESIGN_VARIANCE / MOTION_INTENSITY / VISUAL_DENSITY 三个旋钮，v2 没有旋钮，方向来自抽签参数、约束来自检查器，别按旧文档给 v2 调参。
上手步骤之外的具体做法：常见场景怎么配、命令怎么写、报错怎么处理。
按第一次用会卡在哪讲：安装名和目录名的区别、v2 为什么需要 Chrome、那份「AI 味禁律」具体禁了什么、以及其余十几个技能该挑哪个。
这是第一个坑。npx skills add 的 --skill 参数吃的是 SKILL frontmatter 里的 name: 字段，不是文件夹名：
bash# 装全部
npx skills add https://github.com/Leonxlnx/taste-skill
# 只装默认那个
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"默认技能是一个文件夹（指令 + 库 + 脚本），必须整体安装，不能只拷 SKILL.md。其余单文件技能可以拷进项目或直接贴进 ChatGPT / Codex 对话。
Claude Code 用户还有一条更省事的路——装成插件：
text/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill所有技能都会挂在 taste-skill: 命名空间下，例如 /taste-skill:imagegen-frontend-web，不会和你已有的同名技能冲突。之后用 /plugin update 升级。
v2 的两条腿是：
--tone、--have、--keep 决定发到什么方向第二条要 Node 22+ 加一个已安装的 Chrome / Edge / Chromium。它不安装任何东西，只调用你机器上现有的浏览器。
没有浏览器的话，抽签和方向库照常可用，但自动检查这一半就没了——你得到的只是建议，不会有人判你的页面不合格。
这份清单是它最实用的部分，值得原样记住：
texteyebrows（眉批式小标签）· 等宽小字标签 · 01/02/03 编号
发丝线 · 渐变 · 静止阴影 · 奶油配色土
紫色 · 标题超过两行 · 空屏 · 文字被遮挡每一条都有明确判定，检查器会对着截图逐项判。所以它不是「让 AI 更有品味」这种空话，而是把「AI 味」拆成了可执行的规则。
按交付物分两类：实现技能出代码，出图技能只出参考图。
| 场景 | 用哪个 |
|---|---|
| 通用默认 | design-taste-frontend（v2） |
| 老项目改造 | redesign-existing-projects（先审计再改） |
| 图 → 分析 → 代码 | image-to-code |
| 视觉方向已定 | high-end-visual-design / minimalist-ui / industrial-brutalist-ui |
| 代理老输出半成品 | full-output-enforcement |
| GPT / Codex 要更严 | gpt-taste |
| 只要参考图 | imagegen-frontend-web / imagegen-frontend-mobile / brandkit |
出图技能的典型流程是：用它生成参考帧 → 把图交给 Codex / Cursor / Claude Code 去实现。想一条流水线走完就用 image-to-code，并在 prompt 里写明「先出图，再分析，再写代码」。
DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY 这三个 1–10 的旋钮属于旧的单文件版本（design-taste-frontend-v2-experimental 和 design-taste-frontend-v1）。
v2 没有旋钮：方向来自抽签，约束来自检查器。按旧文档给 v2 调参是无效的。
依赖旧版本确切行为的项目可以显式装旧版，它们的安装名各自独立，不会互相覆盖：
bashnpx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend-v2-experimental"
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend-v1"README 里有一条 Disclaimer：Taste Skill 没有官方代币、代币或加密项目，任何用其名义的代币都与其无关。这类高星前端项目常被蹭名，装包认准 Leonxlnx/taste-skill。