stitch-loop 是一款工作流自动化技能,帮助你用 Stitch 以迭代式“接力”循环来构建页面。它能让 agent 读取 `.stitch/next-prompt.md`,生成下一页,将其整合进站点,并为下一次交接做好准备,减少猜测。

Stars0
收藏0
评论0
收录时间2026年4月29日
分类工作流自动化
安装命令
npx skills add google-labs-code/stitch-skills --skill stitch-loop
编辑评分

这项技能得分 78/100,说明它很适合需要 agentic Stitch 网站构建循环、而不是通用提示词的目录用户。仓库展示了一套真实且可重复的工作流:读取接力文件、使用 Stitch MCP 工具生成页面、将页面整合进站点,并写出下一轮提示。这些操作层面的内容已经足以支持安装;但用户仍需为 Stitch MCP、DESIGN.md 和 SITE.md 做一定的配置准备。

78/100
亮点
  • 明确的自治循环模式,依托接力文件触发(`.stitch/next-prompt.md`)并按步骤推进迭代流程。
  • 操作支撑做得不错:包含所需前置条件、接力文件 schema、示例提示,以及 SITE.md/DESIGN.md 模板。
  • agent 价值清晰:面向重复性的站点生成、集成和交接到下一轮迭代,而不是一次性页面写作。
注意点
  • 需要外部配置和依赖(Stitch MCP Server、DESIGN.md、SITE.md),并非开箱即用。
  • 部分内容仍以模板和示例为主,用户需要按自己的项目规范调整工作流。
概览

stitch-loop 技能概览

stitch-loop 是一款用于在 Stitch 中通过迭代式接力循环构建页面的工作流自动化技能。它特别适合希望用可重复的方式创建页面、将页面合并进站点,并把下一步任务交给下一轮处理的 agent 或构建者。stitch-loop 最有价值的地方在于连续性:一个 prompt 不只是生成一个页面,还要推动站点搭建流程持续往前走。

stitch-loop 适合做什么

当你的任务是“持续产出下一个合格页面”,而不是“回答一个孤立的设计请求”时,就该用 stitch-loop。它适合结构化的站点组装流程,在这种流程里,next-prompt.mdSITE.mdDESIGN.md 充当运行上下文,而不是让模型每次都从头重新理解项目。

它为什么不同于普通 prompt

普通 prompt 可以一次生成一个页面。stitch-loop 则增加了带有接力文件的循环执行模式,让下一轮迭代有明确交接。这使它在多页面站点工作、agent 链路以及其他需要状态跨运行保留的工作流自动化场景中更有用。

最适合的用户和项目

这个技能适合那些已经有,或者愿意维护,Stitch 项目和项目记忆文件的用户。相比一次性随手生成页面,它更适合站点构建者、自动化流水线和 agent 操作者。如果你只需要一个单独的落地页,不需要后续迭代,stitch-loop 的结构大概率会比你实际需要的更多。

如何使用 stitch-loop 技能

先安装这个技能

使用 README 里的仓库安装命令:npx skills add google-labs-code/stitch-skills --skill stitch-loop --globalstitch-loop install 这一步只有在你的环境也能访问 Stitch MCP server,以及 SKILL.md 里列出的其他允许工具时才真正有用。

先准备好 stitch-loop 期待的文件

在触发循环之前,先确认这些输入文件已经存在并且是最新的:

  • .stitch/DESIGN.md:技能应遵循的设计系统细节
  • .stitch/SITE.md:站点愿景、路线图和当前 sitemap
  • .stitch/next-prompt.md:一个具体的页面任务

如果你想让 stitch-loop 发挥效果,不要只说“做下一个页面”。要写清楚页面名称、氛围、受众和必需章节。这个接力文件应该像一份真正的页面 brief,而不是一个模糊想法。

适合这个循环的 prompt 结构

一个实用的 prompt 可以是:“读取 .stitch/next-prompt.md,在 Stitch 中生成页面,将其集成到站点里,如果有 Chrome DevTools 就进行视觉验证,然后写出下一条接力任务。”这样能明确告诉技能要读取什么、产出什么,以及如何继续。

在改造前先读这些文件

先看 SKILL.md,再看 README.mdresources/baton-schema.mdresources/site-template.md,以及 examples/ 里的示例文件。特别推荐先读 schema 文件,因为它展示了接力契约;模板文件则能帮你避免偏离预期的 site-memory 格式。如果你要把 stitch-loop 用在 Workflow Automation 里,这些文件会告诉你循环最容易在哪些地方断掉。

stitch-loop 技能常见问题

stitch-loop 只适合全自动 agent 吗?

不是。你也可以把 stitch-loop 用在半自动工作流里,比如每轮迭代先由人工审核,再写入下一条接力任务。这个技能依然有价值,因为它标准化了交接格式,也减少了反复重述需求的成本。

我是不是必须先把 Stitch 配好?

是,这就是实际边界。stitch-loop 默认你已经能访问 Stitch MCP 工具,并且有一个 Stitch 项目。没有这些基础设施,技能的核心工作流就无法按预期运行。

它会比直接对 Stitch 提示更好吗?

在重复性的站点工作里,通常是的。直接 prompt 适合一次性的屏幕页面,但当你需要稳定流程、持续上下文,以及下一次运行的可预测下一步时,stitch-loop 更合适。代价是你必须维护接力文件和项目记忆文件。

stitch-loop 适合新手吗?

只有在用户能够处理轻量级项目文件,并理解这个技能依赖站点上下文时,它才算对新手友好。新手可以用,但要先读示例接力文件和模板文件,而不是指望技能自动推断出所有内容。

如何改进 stitch-loop 技能

让接力文件少一点未知数

提升 stitch-loop 结果最快的方法,就是把 .stitch/next-prompt.md 写得更具体。高质量输入会明确页面名称、说明目的、标出受众,并列出必需的页面结构。低质量输入会迫使 agent 猜太多,增加输出不匹配的风险。

把设计和内容约束写清楚

DESIGN.mdSITE.md 明确写出语气、布局和 sitemap 优先级时,这个技能表现最好。如果你的 prompt 只说“和现有站点保持一致”,但站点文件并没有把站点说清楚,输出质量就会下降。想要更好的 stitch-loop guide 质量,最好写成具体约束,比如“桌面优先”“居中容器”或“导航包含 About、Shop、Contact”。

注意会打断循环的失败模式

常见问题包括站点记忆过期、接力 frontmatter 缺失、下一页描述过于模糊,或者忽略设计系统区块。另一个常见问题是要求生成一个 sitemap 里已经存在的页面,这会削弱迭代的价值。当循环开始不再稳定时,回头检查 resources/baton-schema.md

第一页之后继续迭代

当第一页面生成完成后,下一轮要根据这次输出更新路线图,并收紧接力 prompt,把第一次结果暴露出来的信息补进去。如果页面太泛,就增加更强的内容要求;如果布局跑偏,就把设计语言写得更明确。stitch-loop 真正有价值,正是在这里体现出来的:每一轮都应该减少歧义,而不是重复歧义。

评分与评论

暂无评分
分享你的评价
登录后即可为这个技能评分并发表评论。
G
0/10000
最新评论
保存中...