What is the 'Baton System' in this skill?

The Baton System uses a specialized file called .stitch/next-prompt.md to pass instructions and state between AI iterations, allowing Claude to work continuously and autonomously on a project.

How does it maintain design consistency across different pages?

It integrates with a .stitch/DESIGN.md file, which contains the design system tokens and visual guidelines that are automatically injected into every generation prompt.

Does this skill require specific tools to function?

Yes, it requires access to the Stitch MCP Server for generation and works best when paired with the Chrome DevTools MCP for visual verification of the builds.

Can I stop the loop or review changes manually?

Absolutely. The loop can be orchestrated via CI/CD for full autonomy or run in a human-in-the-loop mode where a developer reviews each iteration before the next baton is passed.

Stitch Autonomous Build Loop

Name: Stitch Autonomous Build Loop
Author: JantonioFC

byJantonioFC

•

Design Tools

Automates iterative website creation and integration using an autonomous baton-passing pattern with Stitch.

The Stitch Build Loop skill transforms Claude into an autonomous frontend developer capable of building entire websites through a continuous, iterative process. By utilizing a unique 'baton' system via local markdown files, it manages task handoffs between sessions, ensuring that each new page is generated with the Stitch MCP, integrated into the site's navigation, and documented in the project roadmap. This skill is perfect for developers who want to scale their frontend workflow from single-page generation to full-site orchestration while maintaining strict design consistency and architectural integrity.

Key Features

01Design system persistence through DESIGN.md integration

02Seamless integration with Stitch MCP for high-fidelity page generation

03Automatic site map and navigation updates across all HTML pages

04Autonomous baton-passing task management via next-prompt.md

052 GitHub stars

06Optional visual verification using Chrome DevTools MCP

Use Cases

01Hands-free frontend development for complex site architectures

02Rapidly prototyping multi-page websites from a single vision document

03Automating the expansion of existing projects with new features and layouts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jantoniofc/skillsbank stitch-loop

For use in Claude.ai and ChatGPT