🎯

stitch-loop

🎯Skill

from google-labs-code/stitch-skills

What it does

A skill for Google Labs Stitch that enables autonomous, iterative website building through a baton-passing loop with Stitch MCP page generation and optional Chrome DevTools verification.

Overview

Stitch Loop is a skill for Google Labs Stitch that enables autonomous, iterative website building through a baton-passing loop pattern. Each iteration reads a task from a baton file (next-prompt.md), generates a page using Stitch MCP tools, integrates it into the site structure, and writes the next task for the following iteration. It optionally uses Chrome DevTools MCP for visual verification.

Key Features

Autonomous Baton System: Uses a next-prompt.md relay file with YAML frontmatter to pass tasks between iterations, keeping the build loop alive without human intervention
Stitch MCP Integration: Generates pages via Stitch MCP tools (create_project, generate_screen_from_text, get_screen) and retrieves both HTML and screenshot assets automatically
Site Documentation Tracking: Maintains SITE.md with sitemap, roadmap, and creative freedom sections, and DESIGN.md for consistent visual style across all generated pages
Optional Visual Verification: Integrates with Chrome DevTools MCP Server to start a local server, navigate to generated pages, capture screenshots, and compare against Stitch outputs for fidelity checks

Who is this for?

Developers using Google Labs Stitch who want to automate multi-page website generation with an AI agent that manages the build loop autonomously
Teams building prototype websites or landing pages who need rapid, iterative page generation with consistent design systems and automatic navigation linking
AI agent users who want a structured workflow combining Stitch page generation, Chrome DevTools verification, and site documentation in a self-sustaining loop

📦

Same repository

google-labs-code/stitch-skills(6 items)

stitch-loop

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

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

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

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

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/stitch-loop/SKILL.md

SKILL.md

12,558Installs

1,078

Last UpdatedJan 29, 2026

View on GitHub Back to Skills

More from this repository5

🎯

react:components🎯Skill

A skill from Google Labs that converts Stitch-generated screens into React component systems with automated validation and design token consistency, compatible with Claude Code, Gemini CLI, and other coding agents.

🎯

design-md🎯Skill

A skill from Google Labs that analyzes Stitch projects and generates DESIGN.md files documenting design systems in semantic, natural language. Extracts color palettes, typography, geometry, and visual patterns from existing screens.

🎯

enhance-prompt🎯Skill

Optimizes and refines AI prompts by analyzing structure, clarity, context, and potential response quality to improve interaction effectiveness.

🎯

shadcn-ui🎯Skill

Provides expert guidance for discovering, installing, and customizing shadcn/ui components with full code ownership and zero runtime overhead.

🎯

remotion🎯Skill

Generate walkthrough videos from Stitch app designs using Remotion with smooth transitions, zoom effects, and text overlays