这个 Skill 能做什么，适合哪些场景？
taste-design 是 stitch-skills 仓库中的一个设计工具技能，专门为 Google Stitch 生成 DESIGN.md 文件。它把视觉氛围、颜色、字体、组件行为、布局、响应式规则、动效和反模式整理成 Stitch 可理解的自然语言规范与精确数值。该技能强调高级、反通用化的界面标准，包括非对称布局、严格字体选择、单一强调色和硬件加速动效。使用它需要访问 Google Stitch，并可选地连接 Stitch MCP Server。
通过 StitchMCP、Read 和 Write 工具分析目标项目意图并生成 DESIGN.md。输出内容涵盖视觉氛围、颜色角色与十六进制值、字体层级、Hero 区域、按钮与卡片等组件行为、网格与响应式布局、弹簧物理动效，以及明确禁止的 AI 设计模式。生成的文件用于指导 Stitch 创建符合指定设计语言的新屏幕。
- 使用 Google Stitch 生成新页面、希望先建立统一设计语言的产品设计师。
- 需要为营销页面或创意网站设定非对称布局、严格字体和单一强调色的前端团队。
- 希望限制 AI 生成界面中常见套模板现象的设计系统维护者。
- 通过 Cursor、Antigravity 或 Gemini CLI 使用 Stitch MCP，并希望自动生成 DESIGN.md 的开发者。
如何安装这个 Skill？
- 核心功能依赖 Google Stitch/MCP；应确认服务、凭据和网络在目标环境中可用，尤其是中国大陆网络环境。
- Write 权限虽有限但会产生 DESIGN.md 文件；使用前应确认目标路径并保留备份，避免覆盖用户文件。
- “每个活跃组件持续无限循环动画”和 60fps 等要求更像编码阶段规范，Stitch 生成静态屏幕时可能无法直接兑现。
- 风格禁用项和强制规则可能不适合无障碍、品牌规范、内容型产品或需要更中性设计的项目。
- 网络访问
- 本地文件系统
- MCP Server
Google StitchStitch MCP server
该技能随 google-labs-code/stitch-skills 仓库的 stitch-utilities 插件提供。使用 Codex 可运行：codex plugin marketplace add google-labs-code/stitch-skills --ref main --sparse .agents/plugins --sparse plugins/stitch-design --sparse plugins/stitch-build --sparse plugins/stitch-utilities，然后安装 stitch-utilities。也可按 README 的选择性安装方式运行：npx skills add google-labs-code/stitch-skills。README 未提供仅安装 taste-design 单个技能的专用命令；选择性安装时需注意 Stitch 技能可能存在依赖关系。
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/google-labs-code/stitch-skills.git "$tmp"
mkdir -p ~/.claude/skills
cp -R "$tmp/plugins/stitch-utilities/skills/taste-design" ~/.claude/skills/
rm -rf "$tmp"根据源仓库地址和 Skill 路径自动生成，只复制这个 Skill 的文件夹。如果上文有作者提供的安装方式，请优先按作者说明操作；想只在当前项目中使用，把 ~/.claude/skills 换成项目里的 .claude/skills。
如何使用这个 Skill？
安装后，把下面任意一句发给 Agent 即可触发：
- Generate a premium DESIGN.md with strict typography and calibrated colors.
确保已配置并运行 Stitch MCP Server，并能访问 Google Stitch。将该技能安装到兼容 Agent Skills 的客户端后，可使用提示词："Generate a premium DESIGN.md with strict typography and calibrated colors." 根据目标项目意图生成 DESIGN.md，再将其作为 Stitch 生成新屏幕时的设计规范。具体项目目录放置方式未在来源中说明。
这个 Skill 有哪些优点和局限？
- 覆盖氛围、色彩、字体、组件、布局、响应式、动效和反模式等完整设计规范维度。
- 提供明确的数值和约束，例如颜色十六进制值、65ch 正文宽度、44px 触控目标和弹簧参数。
- 专门针对 Google Stitch 的 DESIGN.md 语义设计语言。
- 通过明确禁止虚构数据、霓虹光晕、三列等宽卡片等模式来减少通用化 UI 输出。
- 依赖 Google Stitch 访问权限以及可选的 Stitch MCP Server，脱离 Stitch 的使用价值有限。
- 来源没有提供测试套件、成功率或跨客户端验证证据。
- 技能只负责生成 DESIGN.md，不负责直接生成生产代码或完整页面。
- 部分规则具有强烈审美立场，可能不适合需要传统、对称或高密度视觉系统的项目。
这个 Skill 与同类方案有什么区别？
与相关 Skills 并排比较；分数均按同一 FSRS 标准得出。
| Skill | FS 评分 | Star 数 | 最近更新 | License |
|---|---|---|---|---|
| Stitch 品味设计系统 本页 | 42 · 不推荐 | ★ 8.5k | 2 个月前 | Apache-2.0 |
| Stitch 提示词增强器 | 49 · 谨慎使用 | ★ 8.5k | 2 个月前 | Apache-2.0 |
| Impeccable | 58 · 推荐 | ★ 81k | 13 天前 | Apache-2.0 |
| Frontend Design 高质感前端设计技能 | 52 · 谨慎使用 | ★ 5.5k | 5 个月前 | MIT |
| TypeUI 设计基础原则 | 70 · 高度推荐 | ★ 2k | 3 个月前 | NOASSERTION |
FollowSkills 如何评估这个 Skill？
仅声明使用 StitchMCP、Read、Write，权限表面相对有限；但未说明数据流、写入前确认、回滚机制或生成内容的审查流程，且核心功能依赖外部 Stitch 服务，因此扣分。未见恶意行为或明显越权红线。
SKILL.md 与 DESIGN.md 结构总体一致，包含输入风格、输出结构和错误状态建议；但没有针对该技能的测试、脚本、异常输入处理或失败反馈，且“生成静态屏幕”与持续动画要求之间存在适用性张力。按静态校准限制，未超过10分。
目标场景和预期产物 DESIGN.md 描述清楚，也提供了风格调节参数；但非适用范围、语义触发条件、中文使用支持均未明确，且核心 Stitch 服务依赖海外网络可达性，可能影响中国大陆用户，因此扣分。
文档层次、前置条件、资源模板、Apache-2.0 许可和基础安全政策较完整；但缺少该技能专属版本、变更记录、明确维护负责人、更新路径、故障排查和示例输入输出，且 README 中的 CI 仅覆盖其他技能，因此未满分。
技能能把一套明确的视觉规则整理为可供 Stitch 使用的 DESIGN.md，模板内容直接可用；但规则高度主观且偏强制，缺少真实生成结果或针对 taste-design 关键路径的验证，部分输出仍需人工校正。按静态校准限制不超过7分。
存在固定修订版本、完整技能文件、资源文件、许可证和仓库级 CI，提供了一定审计基础；但 CI 未覆盖此技能，也没有独立测试、第三方执行证据或多源交叉验证，因此仅给有限分数。
点击维度查看打分理由
证据充分度：低 — 主要依赖静态检查、作者材料或有限演示；适合发现线索，不适合做高风险决策。
查看完整评分方法 →