用途:作为 Stitch 设计工作流的主入口,协调从想法到可交付代码的全过程,按步骤委派给相应专项技能。仅在用户明确提到“Stitch”时激活,例如“Use Stitch to design...”“Design X using Stitch”“Create a Stitch project for...”“Generate a Stitch screen for...”“Edit my Stitch screen...”。
主要能力:先运行 list_tools 检查 Stitch MCP 工具是否可用;可用则走完整执行流程,不可用则走仅提示词流程。完整流程包括:对需求做具体度评分(颜色、字体、布局、屏幕类型、设备、组件细节、风格等加分,模糊措辞、研究请求、明确要求头脑风暴减分),据此直接生成、询问是否先做构思,或自动转入 stitch-ideate;分类意图(新建、编辑、精修、导出、转换非 Stitch HTML、生成变体、删除项目);生成结构化设计规格 JSON;组装含 [Context] [Layout] [Components] 的提示词并做质量检查;创建或复用项目并读取 DesignTheme 保持一致性;调用生成屏幕,等待 60–180 秒属正常;生成后提供编辑、变体、应用设计系统、转代码的迭代菜单;提取设计令牌(design-tokens.css、tailwind-theme.css、DESIGN.md);按选择转换为 Next.js、Svelte、HTML+CSS、React Native 或 SwiftUI;最后可选动画与无障碍检查。
使用方式:通过 ss() 包装器调用 stitch-session 记录会话状态,在创建项目、生成屏幕、创建设计系统后分别调用 ss init、ss set-project、ss add-screen、ss set-design-system;恢复时先运行 ss read。下载 HTML 使用 bash scripts/fetch-stitch.sh "[htmlCode.downloadUrl]" "temp/source.html"。
限制:无 Stitch MCP 工具时不得伪造生成结果,只输出提示词;各 MCP 工具的 projectId、screenId 前缀格式要求不同,混用是主要错误来源;移动端转换技能仅适用于 MOBILE 设计,若为 DESKTOP 应先重新生成。资料未提供收费、价格与平台支持等细节。