用Stitch循环做页面,别忘了接力文件

用 Stitch 迭代构建网站,通过自动传递 baton 完成多页面开发。

stitch-loop 是用 Stitch 反复生成、整合和迭代网页的 baton 工作流。每轮先读取 `.stitch/next-prompt.md` 的页面名和任务,再读 `SITE.md` 的站点愿景、路由和 roadmap,以及 `DESIGN.md` 的视觉系统;已存在的页面不要重复生成。

生成前确认 Stitch MCP namespace、project ID 和屏幕记录。调用生成工具后下载 HTML 与截图到 `.stitch/designs/`,把 HTML 移到站点 public 目录,修正资源路径、导航和页脚,并在可用时用 Chrome 做视觉核对。更新 `SITE.md` 的 sitemap 和路线状态。

每轮结束前必须写入下一份 `.stitch/next-prompt.md`,包含正确的 page frontmatter 和完整设计系统块,否则下一轮没有可靠上下文。已有本地 HTML/PNG 时先询问是否刷新,不要静默覆盖人工修改。

分类:编程开发

来源仓库:google-labs-code/stitch-skills

适合用来做什么

  • 请解释 Stitch Loop 的工作原理。
  • 如何使用 Stitch Loop 进行数据处理?

安装 stitch-loop

npx skills add https://www.iskills.cc/skills/google-labs-code/stitch-skills/stitch-loop/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 stitch-loop 的用途与原始说明

浏览全部 Skill 指南