claude-skills/stitch-loop

Stitch Build Loop Skill

Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern.

Install

npx add-skill google-labs-code/stitch-skills --skill stitch-loop --global

What It Does

Enables continuous, autonomous website development through a "baton" system:

1. Agent reads task from next-prompt.md
2. Generates page via Stitch MCP tools
3. Integrates into site structure
4. Writes next task to continue the loop

Prerequisites

• Stitch MCP Server access
• A DESIGN.md file (generate with the design-md skill)
• A SITE.md file for project context

Example Prompt

Read my next-prompt.md and generate the page using Stitch, then prepare the next iteration.

Skill Structure

stitch-loop/
├── SKILL.md              — Core pattern instructions
├── README.md             — This file
├── resources/
│   ├── baton-schema.md   — Baton file format spec
│   └── site-template.md  — SITE.md/DESIGN.md templates
└── examples/
    ├── next-prompt.md    — Example baton
    └── SITE.md           — Example site constitution

Works With

• design-md skill: Generate DESIGN.md from existing Stitch screens
• CI/CD: GitHub Actions can trigger new iterations on push
• Agent chains: Dispatch to other agents (Jules, etc.)

Learn More

See SKILL.md for complete instructions.