How does it handle internal navigation?

The skill automatically scans and updates placeholder links (like href='#') to point to the correct newly generated pages, ensuring a functional site structure.

Does this skill require specific tools?

Yes, it requires the Stitch MCP server for page generation and works best with the stitch-design-md skill to maintain visual consistency.

What is the 'baton' system in Stitch Build Loop?

The baton system uses a next-prompt.md file to pass state and instructions between build iterations, allowing Claude to work autonomously on one page after another.

Can I verify the site visually during the loop?

Yes, if the Chrome DevTools MCP is installed, the skill can launch a local server and capture screenshots to verify the rendering of each new page.

Stitch Build Loop

Name: Stitch Build Loop
Author: jh941213

byjh941213

•

Design Tools

Automates the autonomous creation of multi-page websites through an iterative baton-relay system using Stitch MCP.

The Stitch Build Loop is a sophisticated workflow pattern that transforms Claude into an autonomous frontend developer. By utilizing a baton system via a next-prompt.md file, this skill enables continuous, multi-page website generation that maintains design consistency through a global DESIGN.md file and tracks project progress via a SITE.md roadmap. It handles the entire lifecycle from initial page generation using Stitch tools to site integration and visual verification via Chrome DevTools, making it ideal for rapid prototyping and building cohesive static sites with minimal manual intervention.

Key Features

01Design System Consistency: Synchronizes styles across all generated pages using a dedicated design system block.

02Roadmap Management: Maintains a live SITE.md file to track completed pages and upcoming backlog items.

03Automated Site Integration: Automatically moves assets to production directories and updates navigation links.

04Visual Verification: Integrates with Chrome DevTools MCP for automated screenshots and layout validation.

05Autonomous Baton Relay: Automatically prepares and reads instructions for the next build iteration to ensure continuous development.

0697 GitHub stars

Use Cases

01Executing an autonomous development loop to expand static sites without manual file management.

02Rapidly prototyping a complete multi-page marketing website from a single design vision.

03Building documentation or portfolio sites with a unified UI across multiple unique sub-pages.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jh941213/my-claude-code-asset stitch-loop

For use in Claude.ai and ChatGPT

Download Skill