community skill
Taste Skill
Leonxlnx 维护的 anti-slop 前端设计 skill 套件，帮助 agent 生成更有版式、字体、动效和间距判断的高质量界面，并包含图像生成与重设计流程。
communityskill packagefrontenddesignuivisualanti-slop
Taste Skill
Taste Skill 是 Leonxlnx 维护的 anti-slop 前端设计 Agent Skills 套件，用于让 AI 生成更有版式、字体、动效、间距和视觉判断的界面，而不是默认的模板化 UI。仓库包含代码实现类 skill、图像生成类 skill、重设计流程、风格变体，以及防止模型输出半成品的约束 skill。
来源
- 上游仓库：https://github.com/Leonxlnx/taste-skill
- 默认 skill：https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/SKILL.md
- 技能目录：https://github.com/Leonxlnx/taste-skill/tree/main/skills
- 项目网站：https://tasteskill.dev
- 许可证：MIT
适合什么时候用
- 需要让 agent 做落地页、作品集、营销页或现有项目重设计，并减少“AI 味”默认视觉。
- 需要不同视觉方向：高级柔和、极简、工业 brutalist、Google Stitch 风格、GPT/Codex 更严格变体等。
- 需要先生成 web / mobile / brand kit 参考图，再把图片交给 Codex、Cursor 或 Claude Code 实现。
- 需要约束 agent 不偷懒、不省略实现、不留下 placeholder 或半截输出。
套件内容
上游仓库的 skills/ 目录包含多个可单独安装的 skill。核心条目包括：
| 文件夹 | Install name | 用途 |
|---|---|---|
taste-skill | design-taste-frontend | 默认 v2 前端设计 skill，先阅读 brief、推断设计语言，再实现非模板化界面 |
taste-skill-v1 | design-taste-frontend-v1 | 保留旧版行为，适合依赖 v1 的项目 |
gpt-tasteskill | gpt-taste | 面向 GPT/Codex 的更严格 anti-slop 变体 |
image-to-code-skill | image-to-code | 先生成参考图、分析图像，再实现前端 |
redesign-skill | redesign-existing-projects | 对已有项目先做 UI audit，再改版 |
soft-skill | high-end-visual-design | 更柔和、留白更多、偏高级视觉的方向 |
minimalist-skill | minimalist-ui | Editorial / Linear / Notion 风格的克制产品 UI |
brutalist-skill | industrial-brutalist-ui | 高对比、机械感、Swiss type、实验布局 |
stitch-skill | stitch-design-taste | Google Stitch 兼容规则和可选 DESIGN.md 输出 |
output-skill | full-output-enforcement | 要求完整输出，避免 placeholder 和未完成实现 |
imagegen-frontend-web | imagegen-frontend-web | 生成网站参考图 |
imagegen-frontend-mobile | imagegen-frontend-mobile | 生成移动端界面参考图 |
brandkit | brandkit | 生成品牌板、logo 方向、色板和字体方向 |
安装提示
这是一个多 skill 套件仓库。上游说明 npx skills add 会扫描仓库的 skills/ 目录，因此可安装整个仓库：
npx skills add https://github.com/Leonxlnx/taste-skill
也可以按 frontmatter 中的 name 安装单个 skill，例如默认前端设计 skill：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
如果需要固定旧版默认行为，可安装 v1：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend-v1"
使用注意
- 默认
taste-skill当前是 v2 experimental；如果项目依赖旧行为，应显式安装design-taste-frontend-v1。 - 代码实现类 skill 和图像生成类 skill 目标不同；图像生成类通常只产出参考图，不直接写代码。
image-to-code适合明确声明“先生成图片、再分析、再编码”的流水线。- 该套件包含较强的审美约束和反默认规则，适合需要视觉质量的前端任务；普通后台表格、数据密集 Dashboard 或强制遵循既有设计系统的任务应谨慎选择。
- 上游仓库频繁更新，安装时建议查看 README、CHANGELOG 和具体子 skill 的
SKILL.md。