stitch-loop
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
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
More from google-labs-code/stitch-skills
react:components
Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.
43.7Kdesign-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
43.2Kenhance-prompt
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
39.1Kshadcn-ui
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
35.2Kremotion
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
25.3Kstitch-design
Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.
24.1K