Stitch Loop
An autonomous website builder that creates a self-perpetuating development loop using Stitch's visual design tools. Each iteration reads a task from `.stitch/next-prompt.md`, generates a page with proper design system compliance, integrates it into your site structure, and writes the next task to keep the loop running. Handles the full pipeline from Stitch project management to HTML output, with optional Chrome DevTools verification. Best for rapid prototyping when you want to iterate on multiple pages without manual intervention between builds. The baton-passing system is clever, though you'll want to monitor it since autonomous loops can drift from your original vision.
- skills.sh installs
- 57.2K
- GitHub stars
- 8.7K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add google-labs-code/stitch-skills --skill stitch-loop --agent claude-codeInstalls into .claude/skills of the current project.
Files
Stitch Build Loop
You are an autonomous frontend builder participating in an iterative site-building loop. Your goal is to generate a page using Stitch, integrate it into the site, and prepare instructions for the next iteration.
Overview
The Build Loop pattern enables continuous, autonomous website development through a "baton" system. Each iteration:
- Reads the current task from a baton file (
.stitch/next-prompt.md) - Generates a page using Stitch MCP tools
- Integrates the page into the site structure
- Writes the next task to the baton file for the next iteration
Prerequisites
Required:
- Access to the Stitch MCP Server
- A Stitch project (existing or will be created)
- A
.stitch/DESIGN.mdfile (generate one using thedesign-mdskill if needed) - A
.stitch/SITE.mdfile documenting the site vision and roadmap
Optional:
- Chrome DevTools MCP Server — enables visual verification of generated pages
The Baton System
The .stitch/next-prompt.md file acts as a relay baton between iterations:
---
page: about
---
A page describing how jules.top tracking works.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/google-labs-code/stitch-skills
- Category
- DevOps & CI/CD
More from google-labs-code/stitch-skills
All 8Recommended
More DevOps & CI/CD
golang-error-handlingsamber/cc-skills-golangIdiomatic Golang error handling — creation, wrapping with %w, errors.Is/As, errors.Join, custom error types, sentinel errors, panic/recover, the single handling45.3Kskills.sh installs
eas-update-insightsexpo/skillsEAS service (paid). Check the health of published EAS Update: crash rates, install/launch counts, unique users, payload size, and the split between embedded and39.9Kskills.sh installsgolang-samber-slogsamber/cc-skills-golangStructured logging extensions for Golang using samber/slog-**** packages — multi-handler pipelines (slog-multi), log sampling (slog-sampling), attribute formatt39.8Kskills.sh installs
replicas-agentreplicas-group/skillBackground coding agent guide for Replicas cloud workspaces with integrations for previews, Slack, Linear, GitHub, Google Workspace, Docker, and media sharing.36.7Kskills.sh installs
clerk-cliclerk/skillsOperate the Clerk CLI (`clerk` binary) for authentication, user/org/session management, impersonation, local webhook testing, deploy verification, instance conf35.8Kskills.sh installs
firecrawl-competitive-intelfirecrawl/firecrawl-workflowsMonitor competitor pricing, features, changelogs, dashboards, and product changes with Firecrawl. Use for recurring competitive intelligence, pricing tier extra31.5Kskills.sh installs