Taste Skill 简体中文版（taste-skill-zh-CN）

专治 AI 做出来的接口一看就知道是 AI 做的。

这是 Leonxlnx/taste-skill 的简体中文本地化版本。原项目是 2026 年最受注目的 agent skill 之一，用一整套设计规则取代 AI 的缺省审美，让产出的接口不再是那种千篇一律的样板长相。

繁体中文版请看 taste-skill-zh-TW。

这东西解决什么问题

叫 AI 做一个 landing page，你大概能猜到会拿到什么：置中的大标题、底下三个并排的图标卡片、渐层背景、圆角按钮、Inter 字体、一堆留白但没有节奏。技术上没有错，但一眼就看得出是 AI 生的。

原因是 LLM 没有在读你的需求，它跳过理解直接输出训练数据里最平均的那个样子。

taste-skill 的做法是在动手之前先强制 agent 读懂情境——这是什么类型的页面、给谁看、有没有既有品牌资产、用户用了哪些形容词——然后才从对应的设计方向里取用规则。每一条规则都是情境触发的，不会无差别套用。

这跟 Humanizer 去除文本的 AI 味是同一件事的两面：一个管文本，一个管接口。

内容

内核设计 skill

Skill	用途
`taste-skill`	主 skill。landing page、作品集、改版的完整设计规范（1200 行）
`taste-skill-v1`	前一代版本，规则较精简，适合轻量使用
`redesign-skill`	改版专用：先稽核现况，再决定保留什么、翻掉什么
`output-skill`	产出格式规范

风格模块

Skill	风格
`minimalist-skill`	极简
`brutalist-skill`	粗犷主义（工业印刷／终端机感）
`soft-skill`	柔性高质感视觉
`gpt-tasteskill`	给 ChatGPT 用的精简版

图像生成与转译

Skill	用途
`imagegen-frontend-web`	产生网页设计参考图（给 ChatGPT Images 等生成器）
`imagegen-frontend-mobile`	产生移动设备接口参考图
`image-to-code-skill`	把设计图忠实转成可运行的前端代码
`brandkit`	品牌识别包生成
`stitch-skill`	搭配 Google Stitch 的设计转程序流程

典型用法是串起来的：先用 imagegen-* 产出参考图板，再用 image-to-code-skill 交给 Codex／Cursor／Claude Code 实现。

安装

Claude Code

方式一：plugin marketplace（最快）

/plugin marketplace add Hayatelin/taste-skill-zh-CN
/plugin install taste-skill-zh-CN@taste-skill-zh-CN

方式二：手动复制

git clone https://github.com/Hayatelin/taste-skill-zh-CN.git
cp -r taste-skill-zh-CN/skills/* ~/.claude/skills/

Windows PowerShell：

git clone https://github.com/Hayatelin/taste-skill-zh-CN.git
Copy-Item -Recurse taste-skill-zh-CN\skills\* $env:USERPROFILE\.claude\skills\

只装主 skill 就够用的话：

cp -r taste-skill-zh-CN/skills/taste-skill ~/.claude/skills/

其他 agent

工具	放置位置
Cursor	`.cursor/skills/`
Codex	`~/.codex/skills/`
Gemini CLI	`~/.gemini/skills/`
Windsurf	`.windsurf/skills/`
GitHub Copilot	`.github/skills/`

怎么用

直接描述你要做的东西就好，skill 会自己判断该不该启动：

帮我做一个 SaaS 的 landing page，B2B，客户是采购主管，要沉稳但不无聊
把这个作品集改版，保留现有的 logo 跟主色
用 brutalist 风格做一个活动页

给 skill 越多情境线索（页面类型、受众、风格参考、既有品牌资产），产出的落差越大。它的第一件事就是输出一行“设计判读”告诉你它怎么理解你的需求——不对就当场纠正它，比做完再改省事。

关于这个简中版

完整翻译，没有摘要。 15 个文件、约 6800 行，包含 1206 行的主 skill，全部逐节对照翻译，章节、表格、代码区块数与原文一致。

设计术语保留英文或中英并列。 hero、CTA、above the fold、bento grid、full-bleed、negative space、type scale 这些词，中文设计圈本来就讲英文，翻成中文反而看不懂。首次出现时以“中文（英文）”呈现，之后保留英文。

风格名称不翻。 brutalist、glassmorphism、minimalist、Neo-Grotesque 是专有风格名，翻掉就查不到资料了。

技术值一律不动。 CSS 属性与值、hex 色码、字体名称、Tailwind class、JSX 片段、包名、URL，全部保持原样。

“禁用清单”保留英文原文。 原项目有几份清单列出禁止使用的 AI 味文案（"Elevate your"、"Seamless"、"Scroll to explore" 等）与填充语——这些是要让 agent 比对英文原字的，翻成中文就失效了，因此原样保留并附中文说明。

授权与致谢

MIT License。

觉得好用的话，请优先去给原项目一颗星。

翻译有问题、用词不顺、或发现漏译，欢迎开 issue 或送 PR。

Taste Skill Zh CN

At a glance

README