stitch-loop
Installation
Summary
Autonomous website builder using iterative Stitch generation with baton-passing loop coordination.
- Implements a relay pattern where each agent iteration reads a task from
.stitch/next-prompt.md, generates a page via Stitch MCP, integrates it into the site, and writes the next task for continuation - Manages Stitch project state through
.stitch/metadata.json, persisting project IDs, screen metadata, and design theme across iterations - Requires
.stitch/DESIGN.md(visual design system) and.stitch/SITE.md(site vision, sitemap, roadmap) as context files to ensure consistency and avoid recreating existing pages - Optionally verifies generated pages using Chrome DevTools MCP by starting a local dev server and comparing rendered output against Stitch screenshots
- Handles asset retrieval, HTML integration into
site/public/, navigation wiring, and documentation updates to keep the site coherent across multiple build cycles
SKILL.md
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
Installs
43.6K
Repository
google-labs-cod…h-skillsGitHub Stars
6.0K
First Seen
Jan 23, 2026
Security Audits