skills.rest
tranhoainam298
tranhoainam298COMMUNITY
Explore all skills by this author →
GitHub

stitch-loop

Generates website pages iteratively with Stitch MCP tools using a baton-passing loop pattern.

1|Updated Jun 27, 2026
Search Tags:#automation#frontend#design system#mcp#stitch#website generation#autonomous loop
One-click install
npx skills add https://github.com/tranhoainam298/qr-parking-booking-system --skill stitch-loop-tranhoainam298
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-loop
Source: https://github.com/tranhoainam298/qr-parking-booking-system/tree/main/.claude/plugins/stitch-utilities/skills/stitch-loop
Command: npx skills add https://github.com/tranhoainam298/qr-parking-booking-system --skill stitch-loop-tranhoainam298

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building a multi-page website with AI-generated designs requires repetitive manual prompting, file management, and navigation wiring. This Skill automates the iterative page-generation cycle so each run reads the current task, generates a page with Stitch, integrates it into the site, and queues the next task. ## Core Features & Use Cases - Baton-Based Iteration: Reads the current task from .stitch/next-prompt.md, generates the page via Stitch MCP tools, then writes the next task to keep the loop alive. - Site Context Management: Consults .stitch/SITE.md (sitemap, roadmap) and .stitch/DESIGN.md (design system) so new pages stay consistent and never duplicate existing ones. - Asset Integration & Verification: Downloads generated HTML and screenshots, moves pages into site/public/, wires navigation links, and optionally verifies rendering with Chrome DevTools MCP. - Use Case: A developer sets up a Stitch project with a design system, then runs the agent repeatedly (or via CI/CD) to autonomously build out an entire static site page by page. ## Quick Start Read my next-prompt.md file, generate the page using Stitch, integrate it into the site, and prepare the next iteration.

Frequently Asked Questions about stitch-loop

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up an autonomous website build loop with Stitch?▼

Create a .stitch directory containing DESIGN.md, SITE.md, and next-prompt.md files, then run the agent with Stitch MCP Server access. Each iteration reads the baton file, generates one page, integrates it into site/public, and writes the next task.

What is the next-prompt.md baton file in the Stitch build loop?▼

The baton file is a Markdown file with YAML frontmatter containing a page field, plus a body with the full Stitch prompt including the design system block. It passes the current task between loop iterations and must be updated before each run completes.

Does the Stitch build loop require the design-md skill?▼

The design-md skill is recommended but not strictly required. It generates the DESIGN.md file that defines the visual system copied into every baton prompt, ensuring all generated pages share consistent styling.

Can the Stitch loop run through CI/CD or other agents?▼

Yes, the loop is orchestration-agnostic. GitHub Actions can trigger iterations on baton file changes, agents can dispatch to other agents like Jules, or a developer can run it manually with human review between iterations.

Why does the Stitch build loop stall or break?▼

The loop breaks when next-prompt.md is not updated before completion or has invalid frontmatter. Other common failures include missing design system blocks in prompts, recreating existing sitemap pages, and unlinked placeholder navigation.

Related Skills

Explore More Design & Creative Skills→
cassioalexandrecassioalexandre
2

stitch-loop

Generate website pages from baton prompts and integrate them into the site.

Community
Advanced
AffitorAffitor
595

github-pages-deployer

Generate a GitHub Pages repo, CI/CD workflow, and domain setup for static affiliate sites.

Official
Advanced
involvexinvolvex
2

stitch-loop

Generate website pages via Stitch MCP and integrate them into site/public.

Community
Advanced
NITRR-OfficialNITRR-Official
4

frontend-design

Create unique frontend web designs with HTML/CSS and React.

Official
Advanced