Stitch Loop

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

8,644 stars 1,049 forksAI, LLMs & Agents

Install

skills CLI (Claude Code, Cursor, Codex and more)

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

Manual install

git clone --depth 1 https://github.com/google-labs-code/stitch-skills.git /tmp/stitch-skills
mkdir -p ~/.claude/skills
cp -r /tmp/stitch-skills/plugins/stitch-utilities/skills/stitch-loop ~/.claude/skills/stitch-loop

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# 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:
1. Reads the current task from a baton file (`.stitch/next-prompt.md`)
2. Generates a page using Stitch MCP tools
3. Integrates the page into the site structure
4. 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.md` file (generate one using the `design-md` skill if needed)
- A `.stitch/SITE.md` file documenting the site vision and roadmap

**Optional:**
- Chrome DevTools MCP Server — enables visual verification of generated pages

## The Baton System

The `.stitch/next-prompt.md` file acts as a relay baton between iterations:

```markdown
---
page: about
---
A page describing how jules.top tracking works.

**DESIGN SYSTEM (REQUIRED):**
[Copy from .stitch/DESIGN.md Section 6]

**Page Structure:**
1. Header with navigation
2. Explanation of tracking methodology
3. Footer with links
```

**Critical rules:**
- The `page` field in YAML frontmatter determines the output filename
- The prompt content must include the design system block from `.stitch/DESIGN.md`

Read the full skill on GitHub

Details

Skill name: stitch-loop
Repository: google-labs-code/stitch-skills
Path: plugins/stitch-utilities/skills/stitch-loop/SKILL.md
License: Apache-2.0
Repo updated: 17 August 2026
Listed in: heilcheng/awesome-agent-skills

FAQ

What does the Stitch Loop skill do?

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

How do I install the Stitch Loop skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add google-labs-code/stitch-skills --skill stitch-loop. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Stitch Loop popular?

It lives in google-labs-code/stitch-skills, which has 8,644 GitHub stars and 1,049 forks, and is included in 1 curated skill list.

Related skills

Design Md

8.6k

google-labs-code/stitch-skills

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Frontend & DesignIn 1 list1k

Enhance Prompt

8.6k

google-labs-code/stitch-skills

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.

AI, LLMs & AgentsIn 1 list1k

Shadcn UI

8.6k

google-labs-code/stitch-skills

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

Frontend & DesignIn 1 list1k

Remove AI Watermarks

6.2k

wiltodelta/remove-ai-watermarks

Removes and identifies AI watermarks and provenance marks in images and video the user generated or edited. Covers Gemini sparkles, SynthID, Microsoft InvisMark, Meta Content Seal, C2PA, EXIF/XMP/IPTC metadata, and Sora/Veo/Seedance/Doubao/Dola/Hailuo/Vidu/Kling and Wan labels. Use when the user wants to strip or clean AI watermarks and generation labels, or asks whether a file was AI-generated or carries AI provenance, even if they do not name remove-ai-watermarks. Do not use for stock-agency, marketplace, classifieds, or other third-party paid-asset watermarks.

AI, LLMs & AgentsIn 1 list585

Gemini Live API Dev

4.4k

google-gemini/gemini-skills

Use this skill when building real-time, bidirectional streaming applications with the Gemini Live API, or migrating legacy Live models (2.0/2.5/3.1) to Gemini 3.8 Live. Covers WebSocket-based audio/video/text streaming, voice activity detection (VAD), background reasoning (extended thinking), asynchronous function calling, session management, ephemeral tokens, live transcription, and live translation. SDKs covered - google-genai (Python), @google/genai (JavaScript/TypeScript).

AI, LLMs & AgentsIn 1 list473

Swarms

7.3k

kyegomez/swarms

Build agents and multi-agent systems with the Swarms framework — the Agent class, tools, autonomous loops, memory, and the 15+ multi-agent architectures (SequentialWorkflow, ConcurrentWorkflow, GraphWorkflow, HierarchicalSwarm, SwarmRouter, and more). Use whenever writing, reviewing, or debugging code that imports `swarms`.

AI, LLMs & Agents1.1k

Browse the most popular Claude skills, all ai, llms & agents skills, or write your own with the skills generator.