Do I need a specific design system for this to work?

Yes, this skill relies on a DESIGN.md file (ideally created with the design-md skill) to ensure every generated page follows a consistent visual language and brand guidelines.

What is the baton system in this skill?

The baton system uses a 'next-prompt.md' file to relay instructions between iterations, enabling the agent to autonomously determine the next task and maintain development momentum without manual input.

How does the skill handle existing site navigation?

The execution protocol includes a step to scan for placeholder links and wire them to newly created pages, ensuring the global navigation remains functional as the site grows.

Can this skill verify the visual output of the generated pages?

Yes, if the Chrome DevTools MCP is installed, the skill can start a local server, navigate to the new page, and capture screenshots for visual comparison and verification.

Stitch Autonomous Build Loop

Name: Stitch Autonomous Build Loop
Author: Microck

byMicrock

•

デザインツール

Automates the iterative creation and integration of website pages using Stitch and a continuous baton-passing workflow.

The Stitch Build Loop skill transforms Claude into an autonomous frontend developer capable of building entire websites page-by-page through a structured 'baton-passing' pattern. By utilizing the Stitch MCP and a relay system centered around a next-prompt.md file, the agent handles the entire lifecycle of web development—from adhering to design systems and generating screens to updating navigation and roadmaps. This skill is particularly useful for developers who want to rapidly prototype multi-page sites or maintain consistent UI across complex web projects with minimal manual oversight.

主な機能

01Autonomous 'baton-passing' loop using next-prompt.md for continuous development

02Strict design system adherence by syncing with DESIGN.md and SITE.md files

03Automatic site structure updates including navigation and sitemap synchronization

04Seamless integration with Stitch MCP for high-fidelity frontend generation

052 GitHub stars

06Visual verification capabilities using Chrome DevTools MCP for layout fidelity

ユースケース

01Rapidly generating a multi-page MVP from a single high-level site vision

02Automating consistent frontend UI development within CI/CD or agentic workflows

03Iteratively expanding an existing website with new features and pages in the background

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/opendots-microck stitch-loop

For use in Claude.ai and ChatGPT

Download Skill