Score
8.5
/ 10
Installs
53K
Repo Stars
92.2K
Last Updated
0d ago
Quality Ratio
91%
Description
Verified
First Published
Jan 2026
Summary
The Stitch Loop agent skill automates the iterative development and integration of web pages into a site using Stitch, driven by a unique "baton-passing loop" pattern. This agent skill is designed for developers leveraging Google's Stitch platform to implement autonomous, continuous website generation workflows. It is a niche skill with a smaller but dedicated user base. It operates via a `next-prompt.md` "baton" file, which dictates the current page to build and includes essential design system instructions from `DESIGN.md`. The agent reads this baton, consults `SITE.md` for project context and existing pages, then uses Stitch MCP tools to generate HTML and screenshots before integrating them into the `site/public` directory. Crucially, it updates `SITE.md` with new pages and prepares the `next-prompt.md` file for the subsequent iteration, ensuring the continuous loop. This skill is highly specialized, requiring access to the Stitch MCP Server and adherence to a defined file structure and iteration protocol to function correctly.
Skill Definition
Curated from Google Labs (Stitch).
What it does
Iterative design-to-code feedback loop. Critique → adjust → ship cycle for tightening visual fidelity between brief and built UI.
Source
- Upstream: https://github.com/google-labs-code/skills
- Category:
design-systems
How to use
This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills
Then ask the agent to invoke this skill by name (stitch-loop) or with
one of the trigger phrases listed in this skill's frontmatter.