这是什么
Taste-Skill 是一个开源项目，旨在为 AI Agent 提供“设计品味”能力，防止它们生成无聊、千篇一律的界面（英文原话：stops the AI from generating boring, generic slop）。项目包含一系列便携式 Agent Skills，覆盖前端实现、图像生成、品牌板设计等多个场景，可轻松集成到 Codex、Cursor、Claude Code 等主流 AI 编码工具中。
该仓库由 leonxlnx 创建，采用 MIT 许可证，当前在 GitHub 上拥有 84659 星标、5794 个派生（Fork）、60 个开放问题，热度极高，是 AI 前端圈广受关注的工具之一。
适合谁
- Vibe Coding 爱好者：用 AI 写前端但不想界面千篇一律的开发者。
- 设计师与开发者：希望 AI 生成的页面具备更高级的布局、排版、动效与留白。
- 产品经理 / 独立开发者：需要快速产出高质量网站、落地页或品牌形象图。
- AI 工具使用者：想给 ChatGPT、Codex 等模型“喂”设计规范，让输出更专业。
能做什么
项目提供 12 种技能（Skills），各司其职，你可以按需选用：
核心前端技能
- taste-skill（安装名
design-taste-frontend）：默认技能，v2 实验版，自动推断设计语言，调节布局、动效、密度三个关键旋钮，阻止 AI 输出“模板感”界面。 - gpt-taste：针对 GPT/Codex 的加强版，更激进的布局变化与动效引导。
- minimalist-skill：极简编辑风，类似 Notion / Linear 的清爽界面。
- brutalist-skill：工业粗野风，瑞士字体排版与硬边风格。
- soft-skill：高端优雅风，柔和对比、大留白、精致字体。
图像生成技能
- imagegen-frontend-web：生成高质量网页设计参考图（Hero、落地页等）。
- imagegen-frontend-mobile：生成移动端 app 界面与流程。
- brandkit：品牌形象板，包含 Logo 方向、配色、字体应用。
增强技能
- image-to-code-skill：图片转代码的完整流程，先生成参考图再实现前端。
- redesign-skill：改造现有网站/应用，先审计 UI 再修复。
- output-skill：强制模型输出完整代码，禁止占位符或半成品。
- stitch-skill：适配 Google Stitch 的语义设计系统，生成 DESIGN.md 文件。
使用前准备
- 需要一台已安装 Node.js 的电脑（用于执行 npx 命令）。
- 需要能运行 Agent Skills 的 AI 编码工具，如 Claude Code、Codex、Cursor 等。
- 如果你使用图像生成技能，还需要配合支持图片生成的模型（如 ChatGPT Images、Codex 图像模式）。
安装方法
官方推荐使用 npx skills add 命令行工具一键安装。打开终端，执行以下命令即可安装全部技能：
npx skills add https://github.com/Leonxlnx/taste-skill只安装某一个技能（以默认的 design-taste-frontend 为例）：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"如果你已经安装过 v1 版本，重新运行同样的命令即可升级到 v2 实验版（安装名不变，无需额外调整脚本）。
此外，你也可以直接复制仓库中的 SKILL.md 文件内容，粘贴到 ChatGPT 或 Codex 对话中使用。
使用示例
以默认技能为例，在 Claude Code 中加载后，你可以输入类似提示词：
用 taste-skill 技能创建一个现代主义的落地页，布局偏不对称，动效使用滚动触发，信息密度适中。
该技能会读取你的需求，自动推断设计语言，并生成符合要求的 HTML/CSS 代码。如果你需要先出图再写码，可以使用 imagegen-frontend-web 生成参考图，再配合 image-to-code-skill 完成整个流程，例如：
按照技能流程：先生成参考图，然后分析，再实现前端代码。
项目还提供了丰富的配置旋钮（1-10 分），你可以在 SKILL.md 中调整 DESIGN_VARIANCE（布局实验度）、MOTION_INTENSITY（动效强度）、VISUAL_DENSITY（视觉密度），以适配不同风格偏好。
风险与注意事项
- 项目默认技能目前为 v2 实验版，功能变动较大，如果你依赖 v1 的稳定行为，可显式安装
design-taste-frontend-v1。 - 该技能会引导 AI 生成更复杂、更有创意的界面，可能导致生成速度变慢或 token 消耗增加。
- 官方声明：本项目与任何加密货币或代币无关，请警惕同名代币诈骗。
- 使用第三方赞助商链接时，请注意甄别信息，官方网站为 tasteskill.dev。
- MIT 许可证下项目可自由使用与修改，但作者不对使用结果做任何担保。