SuperAPI AI 工具集

stitch-loop

前端与建站

查看项目

更新于 10-16 03:16

技能介绍

用途:stitch-loop 是一个自主前端构建循环,用于迭代式搭建多页网站。仅在用户明确提到“Stitch”且涉及多页或迭代建站时使用。

主要能力:每轮迭代依次完成——读取接力棒 next-prompt.md、用 Stitch MCP 生成页面、集成进站点、写下下一棒以延续循环。

前置条件:需要 Stitch MCP Server(见 https://stitch.withgoogle.com/docs/mcp/guide/)、一个 Stitch 项目、DESIGN.md(缺失时用 stitch-design-md 从已有屏幕生成)、SITE.md(站点愿景、Stitch Project ID、站点地图、路线图)。可选 Chrome DevTools MCP 用于视觉验证。

使用方式:Step 1 解析 next-prompt.md 的 frontmatter 与正文;Step 2 查阅 SITE.md 与 DESIGN.md,避免重建站点地图中已有页面;Step 3 用 Stitch MCP 生成,先 list_tools 找前缀,若 stitch.json 存在则用其 projectId,否则调用 [prefix]:create_project 并保存,再调用 [prefix]:generate_screen_from_text,随后 get_screen 下载 htmlCode 与 screenshot 到 queue/;Step 4 将 queue/{page}.html 移入 site/public/,修正资源路径、接通导航;Step 4.5 可选视觉验证;Step 5 更新 SITE.md;Step 6 必须更新 next-prompt.md。

适用场景:多页网站迭代构建,可由 CI/CD、人工审核、智能体链或手动触发,技能本身与编排方式无关。

限制:必须包含 DESIGN.md 第 6 节设计系统块;必须更新 next-prompt.md 否则循环停止;需持久化 stitch.json;避免重复建页与遗留 href="#"。生成失败、样式不一致、循环停滞、导航损坏等有对应排查建议。具体收费、价格与效果资料暂未提供。