stitch-loop

1# Stitch Build Loop
2 
3You 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.
4 
5## Overview
6 
7The Build Loop pattern enables continuous, autonomous website development through a "baton" system. Each iteration:
81. Reads the current task from a baton file (`.stitch/next-prompt.md`)
92. Generates a page using Stitch MCP tools
103. Integrates the page into the site structure
114. Writes the next task to the baton file for the next iteration
12 
13## Prerequisites
14 
15**Required:**
16- Access to the Stitch MCP Server
17- A Stitch project (existing or will be created)
18- A `.stitch/DESIGN.md` file (generate one using the `design-md` skill if needed)
19- A `.stitch/SITE.md` file documenting the site vision and roadmap
20 
21**Optional:**
22- Chrome DevTools MCP Server — enables visual verification of generated pages
23 
24## The Baton System
25 
26The `.stitch/next-prompt.md` file acts as a relay baton between iterations:
27 
28```markdown
29---
30page: about
31---
32A page describing how jules.top tracking works.
33 
34**DESIGN SYSTEM (REQUIRED):**
35[Copy from .stitch/DESIGN.md Section 6]
36 
37**Page Structure:**
381. Header with navigation
392. Explanation of tracking methodology
403. Footer with links
41```
42 
43**Critical rules:**
44- The `page` field in YAML frontmatter determines the output filename
45- The prompt content must include the design system block from `.stitch/DESIGN.md`
46…