stitch-loop
๐ฏSkillfrom google-labs-code/stitch-skills
|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(15 items)
Installation
npx vibeindex add google-labs-code/stitch-skills --skill stitch-loopnpx skills add google-labs-code/stitch-skills --skill stitch-loop~/.claude/skills/stitch-loop/SKILL.mdSKILL.md
More from this repository10
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.
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.
Optimizes and refines AI prompts by analyzing structure, clarity, context, and potential response quality to improve interaction effectiveness.
Provides expert guidance for discovering, installing, and customizing shadcn/ui components with full code ownership and zero runtime overhead.
Generate walkthrough videos from Stitch app designs using Remotion with smooth transitions, zoom effects, and text overlays
A Google Labs skill that serves as the unified entry point for Stitch design work, handling UI/UX prompt enhancement, design system synthesis, and high-fidelity screen generation via the Stitch MCP server.
Semantic design system skill that generates DESIGN.md files for Google Stitch screen generation, encoding visual atmosphere, a banned-color list (no AI purple/neon), typographic architecture (no generic Inter/Times), asymmetric layout rules, and perpetual micro-motion โ so Stitch outputs premium, non-generic UI instead of the default AI-slop look.
Google Stitch design skill that generates new screens from text or images, edits existing screens, and creates design variants, requiring the Stitch MCP server for integration with coding agents like Claude Code, Gemini CLI, and Cursor.
Extracts a comprehensive DESIGN.md file directly from frontend source code for use with Google Stitch. Part of the Stitch Design Skills collection, compatible with Antigravity, Gemini CLI, Claude Code, and Cursor.
A collection of agent skills for Google Stitch that enables code-to-design conversion, screen generation/editing, design system management (DESIGN.md upload and theme application), static HTML extraction, and asset uploading, compatible with Antigravity, Gemini CLI, Claude Code, and Cursor.