用途:在迭代循环中自主构建多页前端网站。每轮流程为读取接力棒、用 Stitch MCP 生成页面、集成进站点、写下下一棒。仅当用户明确提到 Stitch 且涉及多页或迭代建站时使用。
前提:需 Stitch MCP Server(见 stitch-setup 或 https://stitch.withgoogle.com/docs/mcp/guide/);DESIGN.md(用 stitch-design-system 从现有屏幕生成,保证一致性);SITE.md(站点愿景、Stitch 项目 ID、站点地图、路线图,缺失则创建)。
接力棒系统:next-prompt.md 是迭代间的接力棒,格式含 YAML frontmatter 的 page 字段(决定输出文件名如 about.html),正文必须包含 DESIGN.md 第 6 节的设计系统块,每轮结束必须更新,否则循环停止。
执行协议:解析 next-prompt.md 提取 page 与完整提示;查阅 SITE.md 的项目 ID、站点地图、路线图与创作自由,DESIGN.md 第 6 节需复制进每个提示;运行 list_tools 找 Stitch MCP 前缀,有 stitch.json 则用已存 projectId,否则 create_project 并保存数字 ID;调用 generate_screen_from_text(projectId 用数字,不带 projects/ 前缀,prompt 含设计系统块,deviceType 匹配 SITE.md 或 DESIGN.md),再 get_screen,用 bash scripts/fetch-stitch.sh "[htmlCode.downloadUrl]" "queue/[page].html" 下载 HTML 与截图;将 queue/[page].html 移入 site/public/,修正资源路径、接通导航、统一页眉页脚;若可用 Chrome DevTools MCP 可本地验证;更新 SITE.md 站点地图与路线图;最后写下一棒。
文件结构:project/ 下含 next-prompt.md、stitch.json、DESIGN.md、SITE.md、queue/ 与 site/public/。
常见陷阱:忘记更新 next-prompt.md、重建已有页面、遗漏 DESIGN.md 第 6 节、projectId 格式错误、保留 href="#"、未持久化 stitch.json。
限制:资料未提供收费、价格、平台支持范围与效果保证等信息。