SuperAPI AI 工具集

stitch-mcp-upload-design-md

设计与创作

查看项目

更新于 10-15 21:49

技能介绍

用途:把 DESIGN.md 上传到 Stitch 项目,作为两步流程的第一步。上传会创建一个承载设计文档的 screen 实例,随后由 create_design_system_from_design_md 将其转为真正的 Design System。单独使用没有实际价值,必须两步都执行。

前提:仅当用户明确提到“Stitch”时才使用,不得在普通对话中静默触发。

适用场景:用户已有 DESIGN.md 并希望应用为 Stitch Design System;刚用 stitch-design-md 生成 DESIGN.md 并想用它驱动生成;用户说“use my design doc in Stitch”或“make a design system from DESIGN.md”。

用法:第一步读取并编码文件,工具接收 base64 而非原始 markdown,解码内容须为有效 UTF-8。macOS 用 base64 -i DESIGN.md,Linux 用 base64 -w 0 DESIGN.md;Google 文档写的 base64 -w 0 在 macOS 会报 invalid option -- w。带换行的 base64 常导致上传被拒。第二步调用 MCP 工具 upload_design_md,参数 projectId 仅数字,不带 projects/ 前缀,另传 designMdBase64。第三步用 get_project 获取 screen 实例,该工具需要 projects/ 前缀;从返回的 screenInstances 取最新条目,记录 id(screen 实例 id,非 source screen id)与 sourceScreen 完整路径。第四步立即调用 stitch-mcp-create-design-system-from-design-md,传入这两个值,中途不要报告成功。

ID 格式:upload_design_md 与 create_design_system_from_design_md 用纯数字;get_project 用 projects/ 完整路径。

集成:先用 stitch-design-md 生成 DESIGN.md,再配对执行本技能与 create_design_system_from_design_md;设计系统生成后可用 stitch-mcp-apply-design-system 应用,或把其 asset id 传给 generate_screen_from_text。

限制:单独上传会留下孤立 screen 实例且无设计系统;base64 换行或非法字节会被拒绝;projectId 带前缀会失败;id 与 source screen id 不同,混用会失败。