stitch-skills 接力棒模式揭秘自主构建网站的循环机制【免费下载链接】stitch-skillsA library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.项目地址: https://gitcode.com/GitHub_Trending/st/stitch-skillsstitch-skills 接力棒模式stitch-loop正是这样一种 AI 自主构建网站的循环机制stitch-skills 是为 Google Stitch 打造的 Agent Skills 技能库让 Claude Code、Gemini CLI、Cursor 等编码智能体获得生成式设计能力而其中的 stitch-loop 技能只需一句话就能让 Agent 像接力赛一样循环运转、逐页生成完整的多页网站。 什么是接力棒想象一场接力赛每位选手一次 Agent 迭代接过棒、跑完自己的一棒再把棒交给下一位选手。在 stitch-loop 技能中这根接力棒就是项目里的一个文件.stitch/next-prompt.md。每一轮循环Agent 都会自动完成四步读棒— 从next-prompt.md读取当前任务建哪个页面、页面结构是什么查上下文— 阅读SITE.md里的站点愿景与路线图、DESIGN.md里的设计系统生成页面— 调用 Stitch MCP 工具生成新页面并整合进站点导航传棒— 把下一个任务写回next-prompt.md让循环继续如此周而复始无需人工逐页下指令Agent 就能自主推进直到整站完成。核心机制说明在 SKILL.md 中。 三大核心文件循环的长期记忆文件作用类比.stitch/next-prompt.md当前任务接力棒接力赛的指令卡.stitch/SITE.md站点愿景、站点地图、路线图项目宪法.stitch/DESIGN.md设计系统颜色、字体、圆角、阴影品牌规范示例文件 SITE.md 以Oakwood 家具官网为例清晰展示了这种结构它记录了项目使命、当前站点地图已完成的页面打勾[x]、路线图待办清单甚至还有创意自由Creative Freedom区块——当待办清单耗尽时Agent 可以从这里自主挑选新点子继续建设并随手把用掉的点子划掉。而一根接力棒长什么样看示例 next-prompt.md--- page: contact --- A warm, inviting contact page for Oakwood Furniture Co. **DESIGN SYSTEM (REQUIRED):** - Background: Warm barely-there cream (#FCFAFA) - Primary Accent: Deep muted teal-navy (#294056) **Page Structure:** 1. Header: Navigation with logo 2. Contact Form: Name, email, message 3. Footer: Links and social icons两个关键约定YAML 头部的page字段决定输出文件名提示词里必须携带设计系统区块保证每一页的视觉语言完全一致。 三步启动接力棒循环第 1 步获取仓库如需克隆仓库git clone https://gitcode.com/GitHub_Trending/st/stitch-skills第 2 步安装 stitch-loop 技能npx skills add google-labs-code/stitch-skills --skill stitch-loop --global第 3 步下达启动指令对 Agent 说一句话即可例如Read my next-prompt.md and generate the page using Stitch, then prepare the next iteration.之后每一轮重复同样一句话或交给 CI 自动触发网站就会一棒接一棒地长出新页面。 四种驱动方式各取所需stitch-loop 的设计与编排层解耦你可以任选驱动方式驱动方式工作方式适用场景CI/CDnext-prompt.md有变更时自动触发循环全自动无人值守人工把关每轮由开发者审核后再继续质量要求高的正式项目Agent 链一个 Agent 分派任务给另一个 Agent多智能体协作手动开发者在同一个仓库中反复运行 Agent本地快速上手⚠️ 避开四个常见坑SKILL.md 的 Common Pitfalls 一节总结了最容易让循环熄火的错误❌忘记更新next-prompt.md— 循环立即中断这是头号杀手❌重建已存在的页面— 动手前先查SITE.md的站点地图❌提示词漏掉设计系统区块— 各页风格会立刻跑偏❌导航留占位链接href#— 必须把真实页面接进全局导航 相关文件路径导航项目总览与插件安装README.md循环机制核心指令plugins/stitch-utilities/skills/stitch-loop/SKILL.md接力棒与站点宪法示例plugins/stitch-utilities/skills/stitch-loop/examples/从已有屏幕生成 DESIGN.mdplugins/stitch-utilities/skills/design-md/README.md在 stitch-loop 的接力棒模式下AI 自主构建网站不再是口号一根接力棒承载状态、一份宪法约束方向Agent 就能稳定循环、逐页交付。如果你正想让 AI 替你搭一个完整网站这套循环机制非常值得亲自跑一轮。【免费下载链接】stitch-skillsA library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.项目地址: https://gitcode.com/GitHub_Trending/st/stitch-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考