好的，这是您要求的英文文章的中文翻译，已按照规范处理为 Markdown 格式。
Leonxlnx taste-skill
Taste Skill — 面向 AI Agent 的反“模板化”前端框架
可移植的 Agent 技能，用于升级 AI 构建的界面：更强的布局、排版、动效和间距，告别千篇一律的样板化 UI。本仓库还包含用于参考板（网页、移动端、品牌套件）的图像生成技能。可将它们与 ChatGPT Images 或类似的生成器配合使用，然后将生成的框架交给 Codex、Cursor 或 Claude Code 进行实现。
免责声明 Taste Skill 没有官方代币、币或加密货币项目。任何使用我的名字、形象或项目的代币均与我无关，且未经我认可。
目录 免责声明 · 安装 · 技能 · 设置 · 示例 · 赞助 · 研究 · 常见问题 · 许可
反馈与贡献 我们非常期待您的反馈。建议和错误报告：
- 在 GitHub 上提交 Pull Request 或 Issue
- 通过 DM 联系 @lexnlin 或 @blueemi99
- 发送邮件至 hello@tasteskill.dev
安装
npx skills add CLI 会扫描本仓库中的 skills/ 文件夹，因此以下所有技能（代码生成和图像生成）的安装方式相同。
npx skills add https://github.com/Leonxlnx/taste-skill通过技能的安装名称（即 SKILL 前置元数据中的 name: 字段，而非文件夹名称）安装单个技能：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"你也可以将任何 SKILL.md 文件复制到你的项目中，或直接粘贴到 ChatGPT / Codex 的对话中。
从先前版本更新
默认的 taste-skill（安装名称为 design-taste-frontend）现在是 v2（实验性） 版本，是对原始 v1 版本的重大重写。如果你已安装 v1，只需重新运行安装命令即可升级：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"安装名称未更改，因此无需更新脚本。新的 SKILL.md 会直接替换旧文件。如果你依赖 v1 的确切行为并希望锁定该版本，请显式指定：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend-v1"完整的 v1 到 v2 差异及变更理由，请参阅 CHANGELOG.md。
技能
每个技能只做一件事；你无需同时使用所有技能。
- 实现技能输出代码。
- 图像生成技能仅输出参考图像。
安装名称列是你要传递给 --skill 的确切值。
| 技能（文件夹） | 安装名称 | 描述 | | :--- | :--- | :--- | | taste-skill | design-taste-frontend | 🆕 v2（实验性）- 对默认技能的重大重写。读取简报，推断设计语言，调整三个旋钮（VARIANCE / MOTION / DENSITY）。包括简报推断、设计系统映射、硬性 em-dash 禁令、规范 GSAP 代码骨架、重新设计审计协议、严格的预检检查。正在积极迭代至 v2.0.0 稳定版。 | | taste-skill-v1 | design-taste-frontend-v1 | 原始的 taste-skill v1 版本，为依赖其确切行为的项目保留。仅当 v2 默认版本在你的特定工作流中造成问题时使用。 | | gpt-tasteskill | gpt-taste | 针对 GPT/Codex 的更严格变体：更高的布局方差，更强的 GSAP 方向，激进的“反模板化”。 | | image-to-code-skill | image-to-code | 图像优先的流水线：生成网站参考图，分析它们，然后实现匹配的前端。 | | redesign-skill | redesign-existing-projects | 现有项目：先审计 UI，然后修复布局、间距、层级、样式。 | | soft-skill | high-end-visual-design | 精致、平静、高端的 UI，具有更柔和的对比度、留白、高级字体、弹簧动效。 | | output-skill | full-output-enforcement | 当模型输出半成品时：强制完整输出，无占位符注释。 | | minimalist-skill | minimalist-ui | 编辑型产品 UI（Notion/Linear 风格），克制的调色板，清晰的结构。 | | brutalist-skill | industrial-brutalist-ui | 硬朗的机械语言：瑞士字体，强烈对比，实验性布局。 | | stitch-skill | stitch-design-taste | 兼容 Google Stitch 的规则，包括可选的 DESIGN.md 导出格式。 |
图像生成技能
这些技能仅生成设计图像（无代码）。可与 ChatGPT Images、Codex 图像模式或任何能生成图像的 Agent 配合使用。
| 技能（文件夹） | 安装名称 | 描述 | | :--- | :--- | :--- | | imagegen-frontend-web | imagegen-frontend-web | 网站合成图：英雄区、落地页、多区块，具有强大的排版、间距和“反模板化”艺术指导。 | | imagegen-frontend-mobile | imagegen-frontend-mobile | 移动端屏幕和流程：iOS/Android/跨平台、模型图、可读字体、连贯的套件。 | | brandkit | brandkit | 品牌套件板：Logo 方向、调色板、字体、跨类别的品牌应用。 |
我应该使用哪个？
- 从 taste-skill 开始，作为最安全的通用默认选项。（现在是 v2 实验性版本 - 请查看 CHANGELOG 中的变更。）
- 如果你依赖原始 taste-skill 的确切行为，请安装 taste-skill-v1。
- 当你需要更严格的 GPT/Codex 导向规则以及动效/布局强制执行时，使用 gpt-taste。
- 使用 image-to-code-skill 进行图像 → 分析 → 代码的网站工作流。
- 使用 redesign-skill 来改进现有代码库，而不是从头开始设计样式。
- 当视觉方向已确定时，添加 soft-skill、minimalist-skill 或 brutalist-skill。
- 如果 Agent 持续截断输出，请添加 output-skill。
- 当交付物是图像（合成图、流程、品牌板）时，使用 imagegen-frontend-web、imagegen-frontend-mobile 或 brandkit，然后将结果传递给你的编码 Agent。
图像优先小贴士
对于 image-to-code-skill，请在提示中说明流水线，例如：follow the skill: generate images, then analyze, then code。
ChatGPT Images 和 Codex
附加或粘贴 imagegen-frontend-web、imagegen-frontend-mobile 或 brandkit，并请求你需要的框架，然后将渲染结果提供给 Codex、Cursor 或 Claude Code。当你希望一个工作流既能生成参考图又能用代码实现网站时，请使用 image-to-code-skill。
设置（仅限 taste-skill）
文件顶部的数字是 1-10 的旋钮：
- DESIGN_VARIANCE：布局实验性（较低：居中/简洁 · 较高：非对称/现代）。
- MOTION_INTENSITY：动画深度（较低：悬停 · 较高：滚动/磁吸）。
- VISUAL_DENSITY：每视口的信息量（较低：宽敞 · 较高：密集）。