Google Stitch design platform skill bundle. Covers design system extraction,
prompt enhancement, iterative site building, React component conversion,
Remotion walkthrough videos, and shadcn/ui component integration.
Activate when user mentions Stitch, design-to-code, DESIGN.md, shadcn/ui,
or iterative site generation.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Google Stitch — Skill Bundle
This folder contains 6 sub-skills for working with [Google Stitch](https://stitch.withgoogle.com/), a design-to-code platform with an MCP server. Each sub-skill has its own `SKILL.md` with full instructions.
## Prerequisites
Most skills require the **Stitch MCP Server** to be connected. The `shadcn-ui` skill works independently with the shadcn MCP server or CLI.
---
## 🔀 Pipeline Orchestration Protocol (READ THIS FIRST)
> **YOU MUST follow this protocol.** Do not just load one sub-skill and stop. The Stitch bundle is a **pipeline** — each skill feeds into the next. Your job is to **guide the user through the full journey**, suggesting the next step after each skill completes.
### The Full Pipeline (Design → Code → Video)
```
┌─────────────┐ ┌─────────────────┐ ┌──────────────┐ ┌───────────────┐ ┌──────────┐
│ design-md │ ──→ │ enhance-prompt │ ──→ │ stitch-loop │ ──→ │ react- │ ──→ │ remotion │
│ STEP 1 │ │ STEP 2 │ │ STEP 3 │ │ components │ │ STEP 5 │
│ │ │ │ │ │ │ STEP 4 │ │ │
…
The line at the top of this page pins the label git:20260820.4dbe9e4, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_nx7n6q3xi7d7rqlc
GET https://markdownregistry.com/api/v1/resolve?ref=j-star-films-studios/vibecode-protocol-suite/stitch
GET https://markdownregistry.com/api/v1/blob/f369b54b917ba1ecd0c3d559e4f93e05454fd03d6e647cb2a475b603665355f7
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
j-star-films-studios/vibecode-protocol-suite · .agents/skill-curator/SKILL.md · Use when adding, importing, reorganizing, renaming, or refactoring skills according to the Lean Unified Skills…
j-star-films-studios/vibecode-protocol-suite · .agents/skills/unslop/SKILL.md · Use when writing any text, chat responses, documentation, UI copy, or skill instructions. Cuts AI tells, filler, and…
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/arena/SKILL.md · Spawn N parallel candidates at the same task, pick a base, graft the strongest parts of the losers into it. Use for…
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/automate-me/SKILL.md · Use for "automate me", "create/update/refresh my -mode skill", "turn/capture my preferences or working style into a…
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/codex-control/SKILL.md · Use when Pi needs to delegate browser, desktop, or native-plugin tasks to the installed Codex CLI.
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/conversation-to-spec/SKILL.md · Turn the current conversation into a spec and publish it to the project issue tracker: no interview, just synthesis of…
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/crafting-effective-readmes/SKILL.md · Use when writing or improving README files. Not all READMEs are the same — provides templates and guidance matched to…
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/create-verification-skill/SKILL.md · Generate a project-local verification skill that drives your app the way a user does — any language, framework, or…
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/domain-modeling/SKILL.md · Build and sharpen a project's domain model. Use when discussing codebase terminology, writing or editing a CONTEXT.md…
dicklesworthstone/pi_agent_rust · tests/ext_conformance/artifacts/agents-mikeastock/skills/stitch/SKILL.md · Generate UI designs and frontend code with Google Stitch via MCP. Use when asked to create screens, mockups, UI…
mikeprasad/aria-knowledge · plugin-openai-codex/skills/stitch/SKILL.md · Create or update STITCH.md for cross-repo contracts, endpoints, entities, and drift between related repositories…
dannykkh/skill-olympus · skills/stitch/SKILL.md · Operate Google Stitch through an already configured Stitch MCP server. Use when the user explicitly mentions Stitch or…
