Back to Skills

stitch-loop

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

507stars32forksUpdated 1/24/2026

Security Assessment

Safe(100/100)
Security Score100/100

About stitch-loop

The stitch-loop skill is designed to facilitate an autonomous, iterative process for building websites using Stitch, a frontend tool for rapid page generation. The primary objective of this skill is to automate the website creation workflow, where each iteration results in a new page that seamlessly integrates with the overall site structure. The iterative process follows a baton-passing pattern, where each step in the loop involves reading a task, generating a page, integrating it into the site, and preparing the next task. This cycle ensures that the site evolves over time, with each page progressively refined and added based on the preceding instructions.

FAQ

How does the stitch-loop skill work?

The stitch-loop skill automates the process of generating web pages using Stitch, an autonomous tool. It reads tasks from a 'baton' file, generates pages based on a prompt, integrates the pages into the site structure, and updates the baton for the next iteration.

What are the prerequisites for using stitch-loop?

You need access to the Stitch MCP Server, an existing Stitch project, and two essential files: 'DESIGN.md' for visual style and 'SITE.md' for site structure and roadmap. Optionally, a Chrome DevTools MCP Server can be used for visual verification.

Is Chrome DevTools required for the stitch-loop skill?

No, Chrome DevTools is optional. It is only used if available for visual verification of the generated pages during the process.

What happens if a page already exists in the site?

If a page already exists, it will not be recreated. The system will refer to the sitemap in the 'SITE.md' file to ensure new pages are added only when necessary.

Can the stitch-loop skill be used for full site development?

Yes, the stitch-loop skill is ideal for continuous, iterative site development, allowing the creation and integration of pages in a structured, autonomous manner.

All Files

2 files
README.md1.4 KB
View
SKILL.md7.1 KB
View

Install stitch-loop

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill