Stitch 品味设计系统
为 Google Stitch 生成严格、非模板化且可执行的 DESIGN.md 设计规范。
仅声明使用 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 未覆盖此技能，也没有独立测试、第三方执行证据或多源交叉验证，因此仅给有限分数。
- 核心功能依赖 Google Stitch/MCP；应确认服务、凭据和网络在目标环境中可用，尤其是中国大陆网络环境。
- Write 权限虽有限但会产生 DESIGN.md 文件；使用前应确认目标路径并保留备份，避免覆盖用户文件。
- “每个活跃组件持续无限循环动画”和 60fps 等要求更像编码阶段规范，Stitch 生成静态屏幕时可能无法直接兑现。
- 风格禁用项和强制规则可能不适合无障碍、品牌规范、内容型产品或需要更中性设计的项目。
这个 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 有哪些优点和局限？
- 覆盖氛围、色彩、字体、组件、布局、响应式、动效和反模式等完整设计规范维度。
- 提供明确的数值和约束，例如颜色十六进制值、65ch 正文宽度、44px 触控目标和弹簧参数。
- 专门针对 Google Stitch 的 DESIGN.md 语义设计语言。
- 通过明确禁止虚构数据、霓虹光晕、三列等宽卡片等模式来减少通用化 UI 输出。
- 依赖 Google Stitch 访问权限以及可选的 Stitch MCP Server，脱离 Stitch 的使用价值有限。
- 来源没有提供测试套件、成功率或跨客户端验证证据。
- 技能只负责生成 DESIGN.md，不负责直接生成生产代码或完整页面。
- 部分规则具有强烈审美立场，可能不适合需要传统、对称或高密度视觉系统的项目。
如何安装这个 Skill？
该技能随 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 技能可能存在依赖关系。
如何使用这个 Skill？
确保已配置并运行 Stitch MCP Server，并能访问 Google Stitch。将该技能安装到兼容 Agent Skills 的客户端后，可使用提示词："Generate a premium DESIGN.md with strict typography and calibrated colors." 根据目标项目意图生成 DESIGN.md，再将其作为 Stitch 生成新屏幕时的设计规范。具体项目目录放置方式未在来源中说明。