skills.rest
renpereiradx
renpereiradxCOMMUNITY
Explore all skills by this author →
GitHub

stitch-loop

Coordinates iterative Stitch-based UI page generation using baton prompt files and project vision documents.

Updated Jul 9, 2025
Search Tags:#design system#deprecated#stitch#ui generation#iterative loop#baton file#site template
One-click install
npx skills add https://github.com/renpereiradx/erp-webapp --skill stitch-loop-renpereiradx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-loop
Source: https://github.com/renpereiradx/erp-webapp/tree/main/.agents/skills/stitch-loop
Command: npx skills add https://github.com/renpereiradx/erp-webapp --skill stitch-loop-renpereiradx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? This Skill managed an iterative loop for generating website pages with the Stitch tool, passing context between iterations via a baton file. Note: it is deprecated for this project because Stitch is no longer used; the ERP design workflow now relies on the erp-design-contract skill and DESIGN.md. ## Core Features & Use Cases - Baton-Based Iteration: Uses a next-prompt.md baton file with YAML frontmatter to hand off page-generation tasks between loop iterations. - Project Vision Memory: Maintains a SITE.md constitution covering identity, visual language, sitemap, and roadmap so each iteration stays on-brand. - Templates & Schema: Provides a baton schema, SITE.md template, and DESIGN.md template for setting up new Stitch-driven site projects. - Use Case: A team building a multi-page marketing site with Stitch could run this loop to generate pages one at a time while keeping design tokens consistent. ## Quick Start Load the erp-design-contract skill instead and follow DESIGN.md, since this Stitch-based loop is deprecated for this project.

Frequently Asked Questions about stitch-loop

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

FAQPage Schema
How do I run an iterative UI generation loop with Stitch?▼

Set up a SITE.md vision file and a next-prompt.md baton file with a page field in its YAML frontmatter. Each iteration reads the vision, generates one page via Stitch, updates the sitemap, and writes the next baton prompt.

What is the baton file format for page generation prompts?▼

The baton file next-prompt.md uses YAML frontmatter with a required page field naming the output file, followed by a body containing a one-line description, a required design system block, and a numbered page structure list.

Is the stitch-loop skill still usable in this ERP project?▼

No, it is deprecated for this project because the Stitch tool is no longer used. The SKILL.md instructs you to load the erp-design-contract skill and follow DESIGN.md for UI iteration instead.

How does the loop avoid regenerating existing pages?▼

SITE.md maintains a live sitemap section listing completed pages, and the rules of engagement forbid recreating them. Baton validation also checks that the prompt targets a page not already in the sitemap.

What happens when the project backlog is empty?▼

The SITE.md creative freedom section provides guidelines and an ideas list. The agent picks an on-brand idea, builds it, and removes it from the list to keep the loop moving.

Related Skills

Explore More Design & Creative Skills→
gabelulgabelul
38

stitch-loop

Iteratively build multi-page websites with Google Stitch MCP using a baton-driven loop.

Community
Advanced
istota-projectistota-project
10

website

Publish static websites from a Nextcloud user HTML folder.

Official
Basic
KaziNizamulKaziNizamul

design-md

Extract design tokens from Stitch screens into a semantic DESIGN.md.

Community
Advanced
christhz666christhz666

stitch-loop

Automate iterative website development with Stitch using baton-passing loops.

Community
Advanced