stitch-loop
Iterative design-to-code feedback loop
Developer Setup
Setup & Installation
npx skills add https://github.com/google-labs-code/stitch-loop --skill stitch-loopnpx skills add https://github.com/google-labs-code/stitch-loop --skill stitch-loopOverview
What This Skill Does
A skill that teaches agents to build multi-page websites using Stitch through a self-sustaining loop. Each iteration reads a task from a baton file, generates a page via Stitch MCP, integrates it into the site, and writes the next task before finishing. The loop continues until all planned pages are built.
Application
When to use this Skill
- Configuring integration settings for custom agent workflows.
- Optimizing query execution and response latency in production.
- Developing clean, standard-compliant implementations for enterprise services.
- Troubleshooting connection timeouts and authentication handshakes.
- Monitoring API rate limits and execution pipelines programmatically.
Documentation
Show Skills.md file
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
Recommendations