#167 by GitHub stars
google-labs-code/stitch-skills
A library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
plugins/stitch-build/skills/react-components/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-build/skills/react-native/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-build/skills/react-vite-dashboard/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-build/skills/remotion/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-build/skills/shadcn-ui/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-design/skills/code-to-design/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-design/skills/extract-design-md/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-design/skills/extract-static-html/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-design/skills/generate-design/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-design/skills/manage-design-system/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-design/skills/upload-to-stitch/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-utilities/skills/design-md/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-utilities/skills/enhance-prompt/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-utilities/skills/site-md/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-utilities/skills/stitch-loop/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 0337446dadde
No earlier version was observed for comparison.
plugins/stitch-utilities/skills/taste-design/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
0337446dadde → 0337446dadde
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 0337446dadde
No earlier version was observed for comparison.
8.7kGitHub stars
48stars in 7 days
16skills in this repository
0commits in 30 days
Heat
5.3- Star growth, last 7 daysAhead of 74% of tracked repositories
- Star growth, last 24 hoursAhead of 69% of tracked repositories
- Rank movement, last 7 daysAhead of 68% of tracked repositories
- Commits, last 30 daysAhead of 0% of tracked repositories
- Accounts asking about it through MCP, last 7 daysNot available
- Hot votes this weekAhead of 0% of tracked repositories
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
Individual skills in this repository
- stitch::react-components
plugins/stitch-build/skills/react-components - stitch::react-native
plugins/stitch-build/skills/react-native - react-vite-dashboard
plugins/stitch-build/skills/react-vite-dashboard - remotion
plugins/stitch-build/skills/remotion - shadcn-ui
plugins/stitch-build/skills/shadcn-ui - stitch::code-to-design
plugins/stitch-design/skills/code-to-design - stitch::extract-design-md
plugins/stitch-design/skills/extract-design-md - stitch::extract-static-html
plugins/stitch-design/skills/extract-static-html - stitch::generate-design
plugins/stitch-design/skills/generate-design - stitch::manage-design-system
plugins/stitch-design/skills/manage-design-system - stitch::upload-to-stitch
plugins/stitch-design/skills/upload-to-stitch - design-md
plugins/stitch-utilities/skills/design-md - enhance-prompt
plugins/stitch-utilities/skills/enhance-prompt - site-md
plugins/stitch-utilities/skills/site-md - stitch-loop
plugins/stitch-utilities/skills/stitch-loop - taste-design
plugins/stitch-utilities/skills/taste-design
How it works
stitch::react-components
When your agent uses it
Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.
What it loads into context
Frontmatter
85 tokensAlways available to the agent
SKILL.md
2,004 tokensWhen the skill is activated
Reference documents
700 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Phase 1: Retrieval and networking
- Phase 2: Style extraction
- Phase 3: Architectural rules
- Phase 4: Execution steps
- Troubleshooting
Scripts executed separately
examples/gold-standard-card.tsxpackage.jsonresources/component-template.tsxscripts/fetch-stitch.shscripts/validate.js
Files
README.mddoc1,369 bytesSKILL.mdcore8,769 bytesSKILL.mdcore8,769 bytesexamples/gold-standard-card.tsxruns1,995 bytespackage-lock.jsonasset7,204 bytespackage.jsonruns355 bytesresources/architecture-checklist.mddoc613 bytesresources/component-template.tsxruns1,049 bytesresources/stitch-api-reference.mddoc1,225 bytesresources/style-guide.jsonasset496 bytesscripts/fetch-stitch.shruns1,009 bytesscripts/validate.jsruns2,758 bytes
Read SKILL.md
# Stitch to React Components
You are a frontend engineer focused on transforming designs into clean React code or syncing/updating existing React components to align with the latest Stitch designs. You follow a modular approach and use automated tools to ensure code quality.
> **CRITICAL: Every step in this skill is MANDATORY. Do NOT skip any step or take shortcuts. Each section contains a GATE that must be satisfied before proceeding.**
## Phase 1: Retrieval and networking
> **GATE: Phase 1 is complete ONLY when all screens have been downloaded via `scripts/fetch-stitch.sh` AND visually audited. Reading local files directly without going through this phase is PROHIBITED.**
1. **Namespace discovery**: Run `list_tools` to find the Stitch MCP prefix. Use this prefix (e.g., `stitch:`) for all subsequent calls.
2. **Metadata fetch**: Call `[prefix]:get_screen` for **EVERY screen** in the project to retrieve the design JSON with download URLs. Do NOT skip any screen.
3. **Check for existing designs**: Before downloading, check if `.stitch/designs/{page}.html` and `.stitch/designs/{page}.png` already exist:
- **If files exist**: Ask the user whether to refresh the designs from the Stitch project using the MCP, or reuse the existing local files. **You MUST ask — do not assume.** Only re-download if the user confirms.stitch::react-native
When your agent uses it
Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.
What it loads into context
Frontmatter
76 tokensAlways available to the agent
SKILL.md
2,991 tokensWhen the skill is activated
Reference documents
783 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Phase 1: Retrieval and networking
- Phase 2: Theme extraction
- Phase 3: Architectural rules and HTML mapping
- Phase 4: Execution steps
- Troubleshooting
Scripts executed separately
examples/gold-standard-card.tsxpackage.jsonresources/component-template.tsxscripts/fetch-stitch.shscripts/validate.js
Files
README.mddoc1,423 bytesSKILL.mdcore12,427 bytesSKILL.mdcore12,427 bytesexamples/gold-standard-card.tsxruns3,826 bytespackage-lock.jsonasset8,588 bytespackage.jsonruns370 bytesresources/architecture-checklist.mddoc2,060 bytesresources/component-template.tsxruns498 bytesscripts/fetch-stitch.shruns1,033 bytesscripts/validate.jsruns4,087 bytes
Read SKILL.md
# Stitch to React Native Components
You are a mobile engineer focused on transforming Stitch web designs into clean, production-ready React Native code or syncing/updating existing native components to align with the latest Stitch designs. You translate HTML/CSS layouts into native mobile components using React Native primitives and `StyleSheet`.
> **CRITICAL: Every step in this skill is MANDATORY. Do NOT skip any step or take shortcuts. Each section contains a GATE that must be satisfied before proceeding.**
## Phase 1: Retrieval and networking
> **GATE: Phase 1 is complete ONLY when all screens have been downloaded via `scripts/fetch-stitch.sh` AND visually audited. Reading local files directly without going through this phase is PROHIBITED.**
1. **Namespace discovery**: Run `list_tools` to find the Stitch MCP prefix. Use this prefix (e.g., `stitch:`) for all subsequent calls.
2. **Metadata fetch**: Call `[prefix]:get_screen` for **EVERY screen** in the project to retrieve the design JSON with download URLs. Do NOT skip any screen.
3. **Check for existing designs**: Before downloading, check if `.stitch/designs/{page}.html` and `.stitch/designs/{page}.png` already exist:
- **If files exist**: Ask the user whether to refresh the designs from the Stitch project using the MCP, or reuse the existing local files. **You MUST ask — do not assume.** Only re-download if the user confirms.react-vite-dashboard
When your agent uses it
Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).
What it loads into context
Frontmatter
74 tokensAlways available to the agent
SKILL.md
896 tokensWhen the skill is activated
Reference documents
139 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Prerequisites
- Workflow
- HTML → React mapping
- DESIGN.md integration
- Web3 dashboard conventions
- File structure
- Quality checklist
- Stitch docs note
Files
README.mddoc624 bytesSKILL.mdcore3,702 bytesSKILL.mdcore3,702 bytes
Read SKILL.md
# Stitch to React + Vite Dashboard
You are a frontend engineer building **data-dense dashboards** from Stitch screens. Target stack: **React 18**, **Vite**, **TypeScript**, **TanStack Query**, **React Router**, and optional **ethers v6** or **viem** for on-chain reads.
## Prerequisites
- Stitch MCP configured ([setup guide](https://stitch.withgoogle.com/docs/mcp/setup/))
- A project `DESIGN.md` (see the `design-md` skill) for token fidelity
- Vite + React + TypeScript scaffold (`npm create vite@latest`)
## Workflow
1. **Discover MCP prefix** — run `list_tools`, note the Stitch prefix (e.g. `stitch:`).
2. **Fetch screen** — `[prefix]:get_screen` with project and screen IDs.remotion
When your agent uses it
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
What it loads into context
Frontmatter
68 tokensAlways available to the agent
SKILL.md
3,017 tokensWhen the skill is activated
Reference documents
1,653 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Prerequisites
- Retrieval and Networking
- Video Composition Strategy
- Execution Steps
- Advanced Features
- File Structure
- Integration with Remotion Skills
- Common Patterns
- Troubleshooting
- Best Practices
- Example Usage
- Tips for Success
- References
Scripts executed separately
examples/WalkthroughComposition.tsxresources/screen-slide-template.tsxscripts/download-stitch-asset.sh
Files
README.mddoc3,500 bytesSKILL.mdcore12,942 bytesSKILL.mdcore12,942 bytesSKILL.mdcore12,942 bytesSKILL.mdcore12,942 bytesSKILL.mdcore12,942 bytesexamples/WalkthroughComposition.tsxruns2,295 bytesexamples/screens.jsonasset1,451 bytesresources/composition-checklist.mddoc3,748 bytesresources/screen-slide-template.tsxruns2,412 bytesscripts/download-stitch-asset.shruns1,112 bytes
Read SKILL.md
# Stitch to Remotion Walkthrough Videos
You are a video production specialist focused on creating engaging walkthrough videos from app designs. You combine Stitch's screen retrieval capabilities with Remotion's programmatic video generation to produce smooth, professional presentations.
## Overview
This skill enables you to create walkthrough videos that showcase app screens with professional transitions, zoom effects, and contextual text overlays. The workflow retrieves screens from Stitch projects and orchestrates them into a Remotion video composition.
## Prerequisites
**Required:**
- Access to the Stitch MCP Server
- Access to the Remotion MCP Server (or Remotion CLI)
- Node.js and npm installedshadcn-ui
When your agent uses it
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
What it loads into context
Frontmatter
79 tokensAlways available to the agent
SKILL.md
2,216 tokensWhen the skill is activated
Reference documents
13,770 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Core Principles
- Component Discovery and Installation
- Project Setup
- Component Architecture
- Customization Best Practices
- Blocks and Complex Components
- Accessibility
- Common Patterns
- Troubleshooting
- Validation and Quality
- Resources
- Examples
Scripts executed separately
examples/auth-layout.tsxexamples/data-table.tsxexamples/form-pattern.tsxscripts/verify-setup.sh
Files
README.mddoc6,836 bytesSKILL.mdcore9,207 bytesSKILL.mdcore9,207 bytesSKILL.mdcore9,207 bytesSKILL.mdcore9,207 bytesSKILL.mdcore9,207 bytesSKILL.mdcore9,207 bytesexamples/auth-layout.tsxruns5,770 bytesexamples/data-table.tsxruns8,903 bytesexamples/form-pattern.tsxruns4,954 bytesresources/component-catalog.mddoc12,254 bytesresources/customization-guide.mddoc12,100 bytesresources/migration-guide.mddoc10,945 bytesresources/setup-guide.mddoc9,866 bytesscripts/verify-setup.shruns4,511 bytes
Read SKILL.md
# shadcn/ui Component Integration
You are a frontend engineer specialized in building applications with shadcn/ui—a collection of beautifully designed, accessible, and customizable components built with Radix UI or Base UI and Tailwind CSS. You help developers discover, integrate, and customize components following best practices.
## Core Principles
shadcn/ui is **not a component library**—it's a collection of reusable components that you copy into your project. This gives you:
- **Full ownership**: Components live in your codebase, not node_modules
- **Complete customization**: Modify styling, behavior, and structure freely, including choosing between Radix UI or Base UI primitives
- **No version lock-in**: Update components selectively at your own pace
- **Zero runtime overhead**: No library bundle, just the code you need
## Component Discovery and Installation
stitch::code-to-design
When your agent uses it
Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. **ALWAYS** use this skill when the user's intent is to move existing web apps or React/Angular/Vue components into Stitch (e.g., requests to "save", "migrate", or "upload"). You must use this skill even for simple "save" operations, as it is the only way to ensure the design system is extracted and assets are properly linked.
What it loads into context
Frontmatter
156 tokensAlways available to the agent
SKILL.md
876 tokensWhen the skill is activated
Reference documents
8,564 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
Files
SKILL.mdcore3,649 bytesSKILL.mdcore3,649 bytesSKILL.mdcore3,649 bytes../extract-design-md/SKILL.mddoc14,078 bytes../extract-static-html/SKILL.mddoc10,774 bytes../manage-design-system/SKILL.mddoc5,663 bytes../upload-to-stitch/SKILL.mddoc4,200 bytes
Read SKILL.md
# Code to Design
Transform your existing frontend code (React + Vite, Next.js, Angular, Vue, etc.) into a Stitch Design so you can iterate and improve it using Stitch.
This skill orchestrates three other skills in sequence:
1. `extract-static-html`: Extract a single self-contained HTML file from your build output or running dev server (e.g., Vite dev server or Angular CLI `ng serve`).
2. `extract-design-md`: Analyze the source code (including Angular `angular.json`, external `.html` templates, theme files, and components) to create a design system (DESIGN.md).
3. `upload-to-stitch`: Upload that HTML file and the design system to your Stitch project.
## Workflow
Follow these steps to convert your existing code.
### Prerequisitesstitch::extract-design-md
When your agent uses it
Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document. Use this skill whenever the user wants to reverse-engineer a design system from an existing codebase, audit the visual language of a project, extract design tokens from source files, or understand the styling patterns in a frontend repo — even if they just say "what does this app look like?" or "pull out the design from this code."
What it loads into context
Frontmatter
193 tokensAlways available to the agent
SKILL.md
3,263 tokensWhen the skill is activated
Reference documents
7,059 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Why This Exists
- When to Use
- Prerequisites
- Workflow
- Quality Checklist
- Tips for Better Extraction
Files
SKILL.mdcore14,078 bytesSKILL.mdcore14,078 bytesSKILL.mdcore14,078 bytesSKILL.mdcore14,078 bytesSKILL.mdcore14,078 bytesSKILL.mdcore14,078 bytesSKILL.mdcore14,078 bytesSKILL.mdcore14,078 bytesSKILL.mdcore14,078 bytesSKILL.mdcore14,078 bytesSKILL.mdcore14,078 bytesSKILL.mdcore14,078 bytesexamples/DESIGN.mddoc6,960 bytesreferences/angular.mddoc5,237 bytesreferences/plain-css.mddoc3,991 bytesreferences/react-tailwind.mddoc4,583 bytesreferences/svelte.mddoc2,714 bytesreferences/vue.mddoc3,077 bytes
Read SKILL.md
# Extract Design System from Frontend Code
Analyze frontend source code to extract a comprehensive design system document
(DESIGN.md) that captures the project's visual language — colors, typography,
spacing, component patterns, and layout principles — directly from the source
files, without needing to build or render the application.
## Why This Exists
The `design-md` skill works from rendered HTML. But often you have a codebase
and want to understand its design system before you can even run the app —
maybe dependencies are missing, the build is broken, or you just want a quick
audit. This skill reads the source files themselves: stylesheets, component
files, theme configs, and Tailwind setups. It's faster and works anywhere.stitch::extract-static-html
When your agent uses it
Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this skill whenever you need to capture a specific UI state, share a static version of a page, or prepare assets for Stitch upload, even if the user just asks to 'save the HTML' or 'mock the view'.
What it loads into context
Frontmatter
112 tokensAlways available to the agent
SKILL.md
2,799 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Which Strategy to Use
- Strategy A: Puppeteer Snapshot (Recommended)
- Strategy B: Browser Subagent Capture
- Appendix: Static Fallback (MockPage.jsx)
Scripts executed separately
scripts/extract_inline_html.tsscripts/post_process.tsscripts/snapshot.ts
Files
SKILL.mdcore10,774 bytesSKILL.mdcore10,774 bytesSKILL.mdcore10,774 bytesSKILL.mdcore10,774 bytesSKILL.mdcore10,774 bytesSKILL.mdcore10,774 bytesSKILL.mdcore10,774 bytesSKILL.mdcore10,774 bytesscripts/extract_inline_html.tsruns34,450 bytesscripts/post_process.tsruns14,295 bytesscripts/snapshot.tsruns54,743 bytes
Read SKILL.md
# Extract Static HTML
Extract a self-contained static HTML file from any web application.
## Which Strategy to Use
You MUST ask the user to choose which strategy to use before proceeding. Present the options clearly, **recommend Strategy A** as the preferred default, and **provide a brief pros/cons summary** for each option to help them make an informed decision.
| | Strategy A (Puppeteer) | Strategy B (Browser Subagent) |
| :--- | :--- | :--- |
| **When** | App runs locally, no auth wall | Need to interact with page first (click, fill forms) |
| **Fidelity** | **Highest — computed styles resolved** | High — rendered DOM |
| **Setup** | **Zero — no mock needed** | Zero — no mock needed |
| **Framework** | **Any** | Any |stitch::generate-design
When your agent uses it
Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP. Includes prompt enhancement pipeline, design mappings, professional UI/UX terminology, design tokens and theme system capabilities.
What it loads into context
Frontmatter
99 tokensAlways available to the agent
SKILL.md
2,615 tokensWhen the skill is activated
Reference documents
1,579 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 🎨 Prompt Enhancement Pipeline
- Steps
- 💡 Tips
- 📚 References
Files
SKILL.mdcore10,996 bytesexamples/enhanced-prompt.mddoc1,704 bytesreferences/design-mappings.mddoc2,330 bytesreferences/prompt-keywords.mddoc2,798 bytes
Read SKILL.md
# Generate Design
Create new design screens from text descriptions, images, or mockups, edit
existing screens with prompts and design system tokens, and generate design
variants using Stitch MCP.
> [!NOTE]
> Refer to your system prompt for instruction on handling MCP tool prefixes for
> all tools mentioned in this skill (e.g., `list_projects`,
> `generate_screen_from_text`, `edit_screens`).
## 🎨 Prompt Enhancement Pipeline
Before calling any Stitch generation or editing tool, you MUST enhance thestitch::manage-design-system
When your agent uses it
Manage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.
What it loads into context
Frontmatter
75 tokensAlways available to the agent
SKILL.md
1,392 tokensWhen the skill is activated
Reference documents
1,814 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 📥 Retrieval
- 🧠 Synthesis from Description
- 📝 Output Structure
- 🚀 Create or Update Design System in Stitch
- 🎨 Apply Design System to Screens
- 📋 Update Project Metadata
- Schema Reference
- 💡 Best Practices
Files
SKILL.mdcore5,663 bytesSKILL.mdcore5,663 bytesSKILL.mdcore5,663 bytesexamples/metadata.jsonasset546 bytesreference/tool-schema.mddoc6,630 bytes
Read SKILL.md
# Design-System
Create a "source of truth" for your project's design language to ensure
consistency across all future screens.
> [!NOTE]
> Refer to your system prompt for instruction on handling MCP tool prefixes for
> all tools mentioned in this skill (e.g., `get_screen`,
> `create_design_system_from_design_md`, `apply_design_system`).
## 📥 Retrieval
To analyze a Stitch project, you must retrieve metadata and assets using the
Stitch MCP tools:stitch::upload-to-stitch
When your agent uses it
Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project. ALWAYS use this skill when you need to upload visual assets, HTML pages, or design docs to Stitch, particularly when direct MCP tool calls fail or truncate due to base64 token limits.
What it loads into context
Frontmatter
109 tokensAlways available to the agent
SKILL.md
1,110 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Steps
Scripts executed separately
scripts/upload_to_stitch.py
Files
SKILL.mdcore4,200 bytesSKILL.mdcore4,200 bytesSKILL.mdcore4,200 bytesscripts/upload_to_stitch.pyruns7,417 bytes
Read SKILL.md
# Upload-to-Stitch
Upload local assets (images, mockups, HTML, and markdown files) to a Stitch project using the
provided upload script, which bypasses the MCP tool's base64 output token limits.
> [!NOTE]
> The AI model cannot upload files via MCP tools directly because the base64
> encoding of even a small file exceeds the model's output token limit (~16K
> tokens). This script reads the file and sends it directly over HTTP.
## Steps
### 1. Identify Target Project
design-md
When your agent uses it
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
What it loads into context
Frontmatter
49 tokensAlways available to the agent
SKILL.md
1,731 tokensWhen the skill is activated
Reference documents
2,711 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Prerequisites
- The Goal
- Retrieval and Networking
- Analysis & Synthesis Instructions
- Output Guidelines
- Output Format (DESIGN.md Structure)
- Usage Example
- Best Practices
- Tips for Success
- Common Pitfalls to Avoid
Files
README.mddoc1,273 bytesSKILL.mdcore7,654 bytesSKILL.mdcore7,654 bytesSKILL.mdcore7,654 bytesSKILL.mdcore7,654 bytesexamples/DESIGN.mddoc10,844 bytes
Read SKILL.md
# Stitch DESIGN.md Skill
You are an expert Design Systems Lead. Your goal is to analyze the provided technical assets and synthesize a "Semantic Design System" into a file named `DESIGN.md`.
## Overview
This skill helps you create `DESIGN.md` files that serve as the "source of truth" for prompting Stitch to generate new screens that align perfectly with existing design language. Stitch interprets design through "Visual Descriptions" supported by specific color values.
## Prerequisites
- Access to the Stitch MCP Server
- A Stitch project with at least one designed screen
- Access to the Stitch Effective Prompting Guide: https://stitch.withgoogle.com/docs/learn/prompting/
enhance-prompt
When your agent uses it
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
What it loads into context
Frontmatter
58 tokensAlways available to the agent
SKILL.md
1,592 tokensWhen the skill is activated
Reference documents
881 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Prerequisites
- When to Use This Skill
- Enhancement Pipeline
- Output Options
- Examples
- Tips for Best Results
Files
README.mddoc1,188 bytesSKILL.mdcore6,640 bytesreferences/KEYWORDS.mddoc2,685 bytes
Read SKILL.md
# Enhance Prompt for Stitch
You are a **Stitch Prompt Engineer**. Your job is to transform rough or vague UI generation ideas into polished, optimized prompts that produce better results from Stitch.
## Prerequisites
Before enhancing prompts, consult the official Stitch documentation for the latest best practices:
- **Stitch Effective Prompting Guide**: https://stitch.withgoogle.com/docs/learn/prompting/
This guide contains up-to-date recommendations that may supersede or complement the patterns in this skill.
## When to Use This Skill
site-md
When your agent uses it
Analyze a project description or site requirements and synthesize a project constitution into SITE.md for the Stitch Build Loop
What it loads into context
Frontmatter
48 tokensAlways available to the agent
SKILL.md
711 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Prerequisites
- The Goal
- Guidelines and Structure
- Action Plan
Files
SKILL.mdcore3,133 bytes
Read SKILL.md
# Stitch SITE.md Skill
You are a Lead Product Owner and Architect. Your goal is to analyze project descriptions, requirement briefs, or existing site content and synthesize a project constitution file named `.stitch/SITE.md`.
## Overview
This skill helps you initialize and structure `.stitch/SITE.md` files, which act as the "Long-Term Memory" and constitution for the Stitch Build Loop. A properly structured `SITE.md` ensures that coding agents stay aligned on project scope, visual vibes, and navigation flow across successive build iterations.
## Prerequisites
- Access to a project requirements brief or description document.
- Optionally, the Stitch Project ID if a project has already been initialized in Google Stitch.
## The Goalstitch-loop
When your agent uses it
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
What it loads into context
Frontmatter
60 tokensAlways available to the agent
SKILL.md
2,675 tokensWhen the skill is activated
Reference documents
2,596 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Prerequisites
- The Baton System
- Execution Protocol
- File Structure Reference
- Orchestration Options
- Design System Integration
- Common Pitfalls
- Troubleshooting
Files
README.mddoc1,465 bytesSKILL.mdcore10,328 bytesexamples/SITE.mddoc3,255 bytesexamples/next-prompt.mddoc1,236 bytesresources/baton-schema.mddoc1,663 bytesresources/site-template.mddoc2,969 bytes
Read SKILL.md
# Stitch Build Loop
You are an **autonomous frontend builder** participating in an iterative site-building loop. Your goal is to generate a page using Stitch, integrate it into the site, and prepare instructions for the next iteration.
## Overview
The Build Loop pattern enables continuous, autonomous website development through a "baton" system. Each iteration:
1. Reads the current task from a baton file (`.stitch/next-prompt.md`)
2. Generates a page using Stitch MCP tools
3. Integrates the page into the site structure
4. Writes the next task to the baton file for the next iteration
## Prerequisites
taste-design
When your agent uses it
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
What it loads into context
Frontmatter
72 tokensAlways available to the agent
SKILL.md
2,925 tokensWhen the skill is activated
Reference documents
3,135 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Prerequisites
- The Goal
- Analysis & Synthesis Instructions
- Output Format (DESIGN.md Structure)
- Best Practices
- Tips for Success
- Common Pitfalls to Avoid
Files
SKILL.mdcore12,568 bytesSKILL.mdcore12,568 bytesresources/DESIGN.mddoc12,647 bytes
Read SKILL.md
# Stitch Design Taste — Semantic Design System Skill
## Overview
This skill generates `DESIGN.md` files optimized for Google Stitch screen generation. It translates the battle-tested anti-slop frontend engineering directives into Stitch's native semantic design language — descriptive, natural-language rules paired with precise values that Stitch's AI agent can interpret to produce premium, non-generic interfaces.
The generated `DESIGN.md` serves as the **single source of truth** for prompting Stitch to generate new screens that align with a curated, high-agency design language. Stitch interprets design through **"Visual Descriptions"** supported by specific color values, typography specs, and component behaviors.
## Prerequisites
- Access to Google Stitch via [labs.google.com/stitch](https://labs.google.com/stitch)
- Optionally: Stitch MCP Server for programmatic integration with Cursor, Antigravity, or Gemini CLI
## The Goal
Generate a `DESIGN.md` file that encodes:
1. **Visual atmosphere** — the mood, density, and design philosophySkills included
- stitch::react-components
- stitch::react-native
- react-vite-dashboard
- remotion
- shadcn-ui
- stitch::code-to-design
- stitch::extract-design-md
- stitch::extract-static-html
- stitch::generate-design
- stitch::manage-design-system
- stitch::upload-to-stitch
- design-md
- enhance-prompt
- site-md
- stitch-loop
- taste-design
Repository facts
- License
- Apache-2.0
- Created
- Jan 16, 2026
- Last pushed
- Aug 17, 2026
- Forks
- 1,048
- Open issues
- 11
- Project activity
- Slowing
Rank over the last 12 weeks
Now #167 · best #143 · down 9 in 30 days
- #163 on Oct 25
- #165 from Oct 28 to Oct 29
- #166 from Oct 30 to Nov 1
- #167 on Nov 2
- #168 on Nov 3
- #167 since Nov 4
52 earlier periods
- #137 on Aug 2
- #139 on Aug 7
- #138 on Aug 8
- #137 on Aug 9
- #140 on Aug 10
- #142 on Aug 11
- #143 from Aug 12 to Aug 15
- #144 on Aug 16
- #145 from Aug 17 to Aug 20
- #144 on Aug 21
- #143 on Aug 22
- #145 from Aug 23 to Aug 27
- #147 from Aug 28 to Aug 29
- #146 from Aug 30 to Aug 31
- #148 on Sep 1
- #146 on Sep 2
- #148 on Sep 3
- #146 on Sep 4
- #148 on Sep 5
- #146 on Sep 6
- #149 on Sep 7
- #150 from Sep 8 to Sep 9
- #151 on Sep 10
- #149 on Sep 11
- #151 on Sep 12
- #152 on Sep 13
- #153 from Sep 14 to Sep 16
- #154 on Sep 17
- #155 on Sep 18
- #153 on Sep 19
- #155 on Sep 20
- #156 on Sep 21
- #155 on Sep 22
- #156 on Sep 23
- #155 from Sep 24 to Sep 25
- #156 from Sep 26 to Sep 27
- #157 from Sep 28 to Sep 29
- #155 on Sep 30
- #157 on Oct 1
- #158 on Oct 2
- #156 on Oct 3
- #155 on Oct 4
- #156 on Oct 5
- #157 on Oct 6
- #158 from Oct 7 to Oct 12
- #159 from Oct 13 to Oct 14
- #158 on Oct 15
- #157 on Oct 16
- #159 on Oct 17
- #160 from Oct 18 to Oct 22
- #161 on Oct 23
- #162 on Oct 24
Before you install
Network or broad shellAutomated signals, not a guarantee
Checked Nov 2, 2026
Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.
Show 40 notes
plugins/stitch-build/skills/react-components/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-build/skills/react-native/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-build/skills/react-vite-dashboard/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-build/skills/remotion/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-build/skills/remotion/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-build/skills/remotion/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-build/skills/remotion/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-build/skills/shadcn-ui/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-build/skills/shadcn-ui/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-build/skills/shadcn-ui/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-build/skills/shadcn-ui/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-build/skills/shadcn-ui/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-design/skills/code-to-design/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-design/skills/code-to-design/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-design/skills/extract-design-md/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-design/skills/extract-design-md/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-design/skills/extract-design-md/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-design/skills/extract-design-md/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-design/skills/extract-design-md/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/stitch-design/skills/extract-design-md/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzed
- 16 broad permissionsin 12 files: plugins/stitch-design/skills/extract-design-md/SKILL.md:1 plugins/stitch-design/skills/extract-static-html/SKILL.md:1 plugins/stitch-design/skills/manage-design-system/SKILL.md:1 and 9 more
- 1 dangerous shell commandin 1 file: remotion/scripts/download-stitch-asset.sh:36
- 256 network referencesin 28 files: react-native/package-lock.json:17 react-components/package-lock.json:17 plugins/stitch-design/skills/extract-static-html/SKILL.md:60 and 25 more
- No hidden or obfuscated text
- No instruction overrides
- 21 executable scriptsin 21 files: react-components/examples/gold-standard-card.tsx:1 react-components/package.json:1 react-components/resources/component-template.tsx:1 and 18 more
- 16 references to secretsin 4 files: plugins/stitch-design/skills/upload-to-stitch/SKILL.md:58 upload-to-stitch/scripts/upload_to_stitch.py:22 plugins/stitch-design/skills/manage-design-system/SKILL.md:71 and 1 more
- No requests to vote in Hot
Show all 310 signals by file
plugins/stitch-build/skills/react-components/SKILL.md
- Broad permissionsline 1
Bash
plugins/stitch-build/skills/react-components/examples/gold-standard-card.tsx
- Executable scriptline 1
Executable file
plugins/stitch-build/skills/react-components/package-lock.json
- Network accessline 17
"node_modules/@swc/core": { "version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.8.tgz", - Network accessline 18
"version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.8.tgz", "integrity": "sha512-T8keoJjXaSUoVBCIjgL6wAnhADIb09GOELzKg10CjNg+vLX48P93SME6jTfte9MZIm5m+Il57H3rTSk/0kzDUw==", - Network accessline 19
"resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.8.tgz", - Network accessline 30
"funding": { "type": "opencollective", "url": "https://opencollective.com/swc" - Network accessline 31
"type": "opencollective", "url": "https://opencollective.com/swc" }, - Network accessline 32
"url": "https://opencollective.com/swc" - Network accessline 55
"node_modules/@swc/core-darwin-arm64": { "version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.8.tgz", - Network accessline 56
"version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.8.tgz", "integrity": "sha512-M9cK5GwyWWRkRGwwCbREuj6r8jKdES/haCZ3Xckgkl8MUQJZA3XB7IXXK1IXRNeLjg6m7cnoMICpXv1v1hlJOg==", - Network accessline 57
"resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.8.tgz", - Network accessline 71
"node_modules/@swc/core-darwin-x64": { "version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.8.tgz", - Network accessline 72
"version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.8.tgz", "integrity": "sha512-j47DasuOvXl80sKJHSi2X25l44CMc3VDhlJwA7oewC1nV1VsSzwX+KOwE5tLnfORvVJJyeiXgJORNYg4jeIjYQ==", - Network accessline 73
"resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.8.tgz", - Network accessline 87
"node_modules/@swc/core-linux-arm-gnueabihf": { "version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.8.tgz", - Network accessline 88
"version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.8.tgz", "integrity": "sha512-siAzDENu2rUbwr9+fayWa26r5A9fol1iORG53HWxQL1J8ym4k7xt9eME0dMPXlYZDytK5r9sW8zE - Network accessline 89
"resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.8.tgz", - Network accessline 103
"node_modules/@swc/core-linux-arm64-gnu": { "version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.8.tgz", - Network accessline 104
"version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.8.tgz", "integrity": "sha512-o+1y5u6k2FfPYbTRUPvurwzNt5qd0NTumCTFscCNuBksycloXY16J8L+SMW5QRX59n4Hp9EmFa3vpvNHRVv1 - Network accessline 105
"resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.8.tgz", - Network accessline 119
"node_modules/@swc/core-linux-arm64-musl": { "version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.8.tgz", - Network accessline 120
"version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.8.tgz", "integrity": "sha512-koiCqL09EwOP1S2RShCI7NbsQuG6r2brTqUYE7pV7kZm9O17wZ0LSz22m6gVibpwEnw8jI3IE1yYsQTVpl - Network accessline 121
"resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.8.tgz", - Network accessline 135
"node_modules/@swc/core-linux-x64-gnu": { "version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.8.tgz", - Network accessline 136
"version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.8.tgz", "integrity": "sha512-4p6lOMU3bC+Vd5ARtKJ/FxpIC5G8v3XLoPEZ5s7mLR8h7411HWC/LmTXDHcrSXRC55zvAVia1eldy6zDLz8iFQ== - Network accessline 137
"resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.8.tgz", - Network accessline 151
"node_modules/@swc/core-linux-x64-musl": { "version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.8.tgz", - Network accessline 152
"version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.8.tgz", "integrity": "sha512-z3XBnbrZAL+6xDGAhJoN4lOueIxC/8rGrJ9tg+fEaeqLEuAtHSW2QHDHxDwkxZMjuF/pZ6MUTjHjbp8wLbuRLA - Network accessline 153
"resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.8.tgz", - Network accessline 167
"node_modules/@swc/core-win32-arm64-msvc": { "version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.8.tgz", - Network accessline 168
"version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.8.tgz", "integrity": "sha512-djQPJ9Rh9vP8GTS/Df3hcc6XP6xnG5c8qsngWId/BLA9oX6C7UzCPAn74BG/wGb9a6j4w3RINuoaieJB3t - Network accessline 169
"resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.8.tgz", - Network accessline 183
"node_modules/@swc/core-win32-ia32-msvc": { "version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.8.tgz", - Network accessline 184
"version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.8.tgz", "integrity": "sha512-/wfAgxORg2VBaUoFdytcVBVCgf1isWZIEXB9MZEUty4wwK93M/PxAkjifOho9RN3WrM3inPLabICRCEgdHpK - Network accessline 185
"resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.8.tgz", - Network accessline 199
"node_modules/@swc/core-win32-x64-msvc": { "version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.8.tgz", - Network accessline 200
"version": "1.15.8", "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.8.tgz", "integrity": "sha512-GpMePrh9Sl4d61o4KAHOOv5is5+zt6BEXCOCgs/H0FLGeii7j9bWDE8ExvKFy2GRRZVNR1ugsnzaGWHKM6kuzA - Network accessline 201
"resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.8.tgz", - Network accessline 215
"node_modules/@swc/counter": { "version": "0.1.3", "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", - Network accessline 216
"version": "0.1.3", "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==", - Network accessline 217
"resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", - Network accessline 221
"node_modules/@swc/types": { "version": "0.1.25", "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.25.tgz", - Network accessline 222
"version": "0.1.25", "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.25.tgz", "integrity": "sha512-iAoY/qRhNH8a/hBvm3zKj9qQ4oc2+3w1unPJa2XvTK3XjeLXtzcCingVPw/9e5mn1+0yPqxcBGp9Jf0pkfMb1g==", - Network accessline 223
"resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.25.tgz",
plugins/stitch-build/skills/react-components/package.json
- Executable scriptline 1
Executable file
plugins/stitch-build/skills/react-components/resources/component-template.tsx
plugins/stitch-build/skills/react-components/resources/stitch-api-reference.md
- Network accessline 5
### Metadata schema When calling `get_screen`, the server returns a JSON object with these key properties: * **htmlCode**: Contains a `downloadUrl`. This is a signed URL that requires a system-level fetch (curl) to handle redirects and secu - Network accessline 6
When calling `get_screen`, the server returns a JSON object with these key properties: * **htmlCode**: Contains a `downloadUrl`. This is a signed URL that requires a system-level fetch (curl) to handle redirects and security handshakes. * * - Network accessline 7
* **htmlCode**: Contains a `downloadUrl`. This is a signed URL that requires a system-level fetch (curl) to handle redirects and security handshakes.
plugins/stitch-build/skills/react-components/scripts/fetch-stitch.sh
- Executable scriptline 1
#!/bin/bash - Network accessline 6
# You may obtain a copy of the License at # # http://www.apache.org/licenses/LICENSE-2.0 - Network accessline 7
# # http://www.apache.org/licenses/LICENSE-2.0 # - Network accessline 8
# http://www.apache.org/licenses/LICENSE-2.0 - Network accessline 21
fi echo "Initiating high-reliability fetch for Stitch HTML..." curl -L -f -sS --connect-timeout 10 --compressed "$URL" -o "$OUTPUT" - Network accessline 22
echo "Initiating high-reliability fetch for Stitch HTML..." curl -L -f -sS --connect-timeout 10 --compressed "$URL" -o "$OUTPUT" if [ $? -eq 0 ]; then - Network accessline 23
curl -L -f -sS --connect-timeout 10 --compressed "$URL" -o "$OUTPUT"
plugins/stitch-build/skills/react-components/scripts/validate.js
plugins/stitch-build/skills/react-native/SKILL.md
- Broad permissionsline 1
Bash
plugins/stitch-build/skills/react-native/examples/gold-standard-card.tsx
plugins/stitch-build/skills/react-native/package-lock.json
- Network accessline 17
"node_modules/@swc/core": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.43.tgz", - Network accessline 18
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.43.tgz", "integrity": "sha512-1CuKjFkPxIgGdeHVuNbkxmBxkcbdc08u0aiI43pFq6yY1tTVKmXT9hFEooyyKs/sJ3xf1GPHyEwTtk9Xl8dvQw==", - Network accessline 19
"resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.43.tgz", - Network accessline 30
"funding": { "type": "opencollective", "url": "https://opencollective.com/swc" - Network accessline 31
"type": "opencollective", "url": "https://opencollective.com/swc" }, - Network accessline 32
"url": "https://opencollective.com/swc" - Network accessline 57
"node_modules/@swc/core-darwin-arm64": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.43.tgz", - Network accessline 58
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.43.tgz", "integrity": "sha512-v1aVuvXdo/BHxJzco9V2xpHrvwWmhfS8t6gziY5wJxd+Z2h8AeJRnAwPD8itCDaGXVBwJ/CaKfxEzTkG0Va0OA== - Network accessline 59
"resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.43.tgz", - Network accessline 73
"node_modules/@swc/core-darwin-x64": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.43.tgz", - Network accessline 74
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.43.tgz", "integrity": "sha512-lp3d4Lamc8dt5huYdGLSR+9hLxmfr1jb0l+4XXG2zPqZwYWRN9R0U2qYoTrggiU2RWW0oV9VbWM3kBnqIc2kdQ==", - Network accessline 75
"resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.43.tgz", - Network accessline 89
"node_modules/@swc/core-linux-arm-gnueabihf": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.43.tgz", - Network accessline 90
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.43.tgz", "integrity": "sha512-JWTQQELtsG5GgphDrr/XqqmM2pDN3cZqbMS0Mrg+iTiXL3F74sn/S2IyYE/5u4h2KLkTf9qQ7d - Network accessline 91
"resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.43.tgz", - Network accessline 105
"node_modules/@swc/core-linux-arm64-gnu": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.43.tgz", - Network accessline 106
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.43.tgz", "integrity": "sha512-B4otJRdPWIsmiSBf0uG7Z/+vMWmkufjz5MmYxubwKuZazDW14Zd3symga1N62QR4RT+kEFeHEgsXfZGyn/ - Network accessline 107
"resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.43.tgz", - Network accessline 124
"node_modules/@swc/core-linux-arm64-musl": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.43.tgz", - Network accessline 125
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.43.tgz", "integrity": "sha512-6zB6OnpViBxYy4tgY3v2i6AZY9fwkcHZ032UOwtwUuW1d19sdT07qF0kZe6/3UR1tUaK6jjg2rmVcUIB - Network accessline 126
"resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.43.tgz", - Network accessline 143
"node_modules/@swc/core-linux-ppc64-gnu": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-ppc64-gnu/-/core-linux-ppc64-gnu-1.15.43.tgz", - Network accessline 144
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-ppc64-gnu/-/core-linux-ppc64-gnu-1.15.43.tgz", "integrity": "sha512-coxE1ZWdB3uSDVNoEtYNrRi/1epvckZx9cTJ8ICUxTMTxGk+yvQ/Twacp3ruZSaMPGCriUjP86C37VhaT6 - Network accessline 145
"resolved": "https://registry.npmjs.org/@swc/core-linux-ppc64-gnu/-/core-linux-ppc64-gnu-1.15.43.tgz", - Network accessline 162
"node_modules/@swc/core-linux-s390x-gnu": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-s390x-gnu/-/core-linux-s390x-gnu-1.15.43.tgz", - Network accessline 163
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-s390x-gnu/-/core-linux-s390x-gnu-1.15.43.tgz", "integrity": "sha512-lXfLhs+LpBsD5inuYx+YDH5WsPPBQ95KPUiy8P5wq9ob9xKDZFqwNfU2QW6bGO8NqRO/H9JQomTSt5Yyh+ - Network accessline 164
"resolved": "https://registry.npmjs.org/@swc/core-linux-s390x-gnu/-/core-linux-s390x-gnu-1.15.43.tgz", - Network accessline 181
"node_modules/@swc/core-linux-x64-gnu": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.43.tgz", - Network accessline 182
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.43.tgz", "integrity": "sha512-07XnKwTmKy8TGOZG3D9fRnLWGynxPjwQnZLVmBFbo6F+7vHYzBIOuwXEhemrChBWb6yDNZsVCcMWCPX6FDD2xg - Network accessline 183
"resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.43.tgz", - Network accessline 200
"node_modules/@swc/core-linux-x64-musl": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.43.tgz", - Network accessline 201
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.43.tgz", "integrity": "sha512-TJc+bsSIaBh+hZvZ5GRtW/K1bw66TJ9vsUwvVIsZdiWxU5ObLwZvfcnZ3UpgVfMnFibRes9uriJrQNBHEEog - Network accessline 202
"resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.43.tgz", - Network accessline 219
"node_modules/@swc/core-win32-arm64-msvc": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.43.tgz", - Network accessline 220
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.43.tgz", "integrity": "sha512-jfd7s2/bUQYkOHLs+LWQNKZdmDa8+sufKLllhpWAhVQ2GDCwsHe3vR/j+OSiItZNtkzFuaawa3+SAKz9 - Network accessline 221
"resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.43.tgz", - Network accessline 235
"node_modules/@swc/core-win32-ia32-msvc": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.43.tgz", - Network accessline 236
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.43.tgz", "integrity": "sha512-rLAE8JvucqEW1ZGohxPQrQWPBQeJG4+ypKbWfdlU/qmKScvCkxf9/Jxnzki1dkUQCQ7P5Enp13RlvqOlvx - Network accessline 237
"resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.43.tgz", - Network accessline 251
"node_modules/@swc/core-win32-x64-msvc": { "version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.43.tgz", - Network accessline 252
"version": "1.15.43", "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.43.tgz", "integrity": "sha512-h8MLDHZcfIukwQWj03rIJZx1I0E81AYj2X7J/nGErG4nz+QAv6G1Z+peotvinL3lqpbo32tLYSMFo32/ySzx - Network accessline 253
"resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.43.tgz", - Network accessline 267
"node_modules/@swc/counter": { "version": "0.1.3", "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", - Network accessline 268
"version": "0.1.3", "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==", - Network accessline 269
"resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", - Network accessline 273
"node_modules/@swc/types": { "version": "0.1.27", "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.27.tgz", - Network accessline 274
"version": "0.1.27", "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.27.tgz", "integrity": "sha512-K6h3iUlqeM946U4sXFYeahefR1YBbXJvko+hv8WS8/0BNJ4OHiHRywMnQUJCqkR7Y9+hqQ1TvEpiKqUhz7NEFg==", - Network accessline 275
"resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.27.tgz",
plugins/stitch-build/skills/react-native/package.json
- Executable scriptline 1
Executable file
plugins/stitch-build/skills/react-native/resources/component-template.tsx
- Executable scriptline 1
Executable file
plugins/stitch-build/skills/react-native/scripts/fetch-stitch.sh
- Executable scriptline 1
#!/bin/bash - Network accessline 6
# You may obtain a copy of the License at # # http://www.apache.org/licenses/LICENSE-2.0 - Network accessline 7
# # http://www.apache.org/licenses/LICENSE-2.0 # - Network accessline 8
# http://www.apache.org/licenses/LICENSE-2.0 - Network accessline 22
mkdir -p "$(dirname "$OUTPUT")" echo "Initiating high-reliability fetch for Stitch HTML..." curl -L -f -sS --connect-timeout 10 --compressed "$URL" -o "$OUTPUT" - Network accessline 23
echo "Initiating high-reliability fetch for Stitch HTML..." curl -L -f -sS --connect-timeout 10 --compressed "$URL" -o "$OUTPUT" if [ $? -eq 0 ]; then - Network accessline 24
curl -L -f -sS --connect-timeout 10 --compressed "$URL" -o "$OUTPUT"
plugins/stitch-build/skills/react-native/scripts/validate.js
plugins/stitch-build/skills/react-vite-dashboard/SKILL.md
- Broad permissionsline 1
Bash - Network accessline 18
- Stitch MCP configured ([setup guide](https://stitch.withgoogle.com/docs/mcp/setup/)) - Network accessline 87
When following links on [stitch.withgoogle.com/docs](https://stitch.withgoogle.com/docs/), use the full `https://stitch.withgoogle.com/docs/...` URL if relative navigation redirects incorrectly.
plugins/stitch-build/skills/remotion/SKILL.md
- Broad permissionsline 1
Bash - Network accessline 306
- **Repository**: https://github.com/remotion-dev/remotion/tree/main/packages/skills - Network accessline 389
- **Stitch Documentation**: https://stitch.withgoogle.com/docs/ - Network accessline 390
- **Remotion Documentation**: https://www.remotion.dev/docs/ - Network accessline 391
- **Remotion Skills**: https://www.remotion.dev/docs/ai/skills - Network accessline 392
- **Remotion MCP**: https://www.remotion.dev/docs/ai/mcp - Network accessline 393
- **Remotion Transitions**: https://www.remotion.dev/docs/transitions
plugins/stitch-build/skills/remotion/examples/WalkthroughComposition.tsx
- Executable scriptline 1
Executable file
plugins/stitch-build/skills/remotion/resources/screen-slide-template.tsx
- Executable scriptline 1
Executable file
plugins/stitch-build/skills/remotion/scripts/download-stitch-asset.sh
- Executable scriptline 1
#!/bin/bash - Network accessline 3
# Download Stitch screen asset with proper handling of Google Cloud Storage URLs # Usage: ./download-stitch-asset.sh "https://storage.googleapis.com/..." "output-path.png" - Network accessline 4
# Usage: ./download-stitch-asset.sh "https://storage.googleapis.com/..." "output-path.png" - Network accessline 8
if [ $# -ne 2 ]; then echo "Usage: $0 <download_url> <output_path>" echo "Example: $0 'https://storage.googleapis.com/stitch/screenshot.png' 'assets/screen.png'" - Network accessline 9
echo "Usage: $0 <download_url> <output_path>" echo "Example: $0 'https://storage.googleapis.com/stitch/screenshot.png' 'assets/screen.png'" exit 1 - Network accessline 10
echo "Example: $0 'https://storage.googleapis.com/stitch/screenshot.png' 'assets/screen.png'" - Network accessline 24
# Use curl with follow redirects; -f fails on HTTP errors so an error - Network accessline 26
if curl -L -f -o "$OUTPUT_PATH" "$DOWNLOAD_URL"; then - Dangerous shell operationline 36
rm -f "$OUTPUT_PATH"
plugins/stitch-build/skills/shadcn-ui/README.md
plugins/stitch-build/skills/shadcn-ui/SKILL.md
- Broad permissionsline 1
Bash
plugins/stitch-build/skills/shadcn-ui/examples/auth-layout.tsx
- Executable scriptline 1
Executable file
plugins/stitch-build/skills/shadcn-ui/examples/data-table.tsx
- Executable scriptline 1
Executable file
plugins/stitch-build/skills/shadcn-ui/examples/form-pattern.tsx
- Executable scriptline 1
Executable file
plugins/stitch-build/skills/shadcn-ui/resources/component-catalog.md
plugins/stitch-build/skills/shadcn-ui/resources/customization-guide.md
- Network accessline 56
1. **HSL Color Picker**: https://hslpicker.com/ - Network accessline 57
2. **Shadcn Theme Generator**: https://ui.shadcn.com/themes - Network accessline 58
3. **Coolors**: https://coolors.co/ (generates palettes) - Network accessline 513
- [Tailwind CSS Customization](https://tailwindcss.com/docs/theme) - Network accessline 514
- [CVA Documentation](https://cva.style/docs) - Network accessline 515
- [Radix UI Theming](https://www.radix-ui.com/themes/docs/theme/overview) - Network accessline 516
- [HSL Color Theory](https://www.w3.org/TR/css-color-3/#hsl-color)
plugins/stitch-build/skills/shadcn-ui/resources/migration-guide.md
plugins/stitch-build/skills/shadcn-ui/resources/setup-guide.md
- Network accessline 140
{ "$schema": "https://ui.shadcn.com/schema.json", - Network accessline 141
"$schema": "https://ui.shadcn.com/schema.json", - Network accessline 403
2. Read the [customization guide](./customization-guide.md) 3. Check out example implementations in `/examples` 4. Join the [shadcn/ui Discord](https://discord.com/invite/vNvTqVaWm6) - Network accessline 405
4. Join the [shadcn/ui Discord](https://discord.com/invite/vNvTqVaWm6) - Network accessline 409
- [Official Documentation](https://ui.shadcn.com) - Network accessline 410
- [Component Examples](https://ui.shadcn.com/examples) - Network accessline 411
- [GitHub Repository](https://github.com/shadcn-ui/ui) - Network accessline 412
- [Tailwind CSS Docs](https://tailwindcss.com/docs)
plugins/stitch-build/skills/shadcn-ui/scripts/verify-setup.sh
plugins/stitch-design/skills/code-to-design/SKILL.md
- Broad permissionsline 1
Bash
plugins/stitch-design/skills/extract-design-md/SKILL.md
plugins/stitch-design/skills/extract-static-html/SKILL.md
- Broad permissionsline 1
Bash - Broad permissionsline 1
Bash - Network accessline 60
```bash npx tsx <SKILL_DIR>/scripts/snapshot.ts \ --url http://localhost:5173 \ - Network accessline 60
```bash npx tsx <SKILL_DIR>/scripts/snapshot.ts \ --url http://localhost:5173 \ - Network accessline 62
--url http://localhost:5173 \ - Network accessline 62
--url http://localhost:5173 \ - Network accessline 68
```bash npx tsx <SKILL_DIR>/scripts/snapshot.ts \ --url http://localhost:5173 --output .stitch/home.html --wait 2000 - Network accessline 68
```bash npx tsx <SKILL_DIR>/scripts/snapshot.ts \ --url http://localhost:5173 --output .stitch/home.html --wait 2000 - Network accessline 70
--url http://localhost:5173 --output .stitch/home.html --wait 2000 - Network accessline 70
--url http://localhost:5173 --output .stitch/home.html --wait 2000 - Network accessline 72
--url http://localhost:5173/pricing --output .stitch/pricing.html --wait 2000 - Network accessline 72
--url http://localhost:5173/pricing --output .stitch/pricing.html --wait 2000 - Network accessline 74
--url http://localhost:5173/dashboard --output .stitch/dashboard.html --wait 2000 --html-class dark - Network accessline 74
--url http://localhost:5173/dashboard --output .stitch/dashboard.html --wait 2000 --html-class dark - Network accessline 110
| :--- | :--- | | **React + Vite** | Works out of the box. `--wait 1000`. | | **Next.js** | `--wait 3000` for SSR hydration. URL: `http://localhost:3000`. `<img srcset>` from `/_next/image` is auto-inlined as base64. | - Network accessline 110
| :--- | :--- | | **React + Vite** | Works out of the box. `--wait 1000`. | | **Next.js** | `--wait 3000` for SSR hydration. URL: `http://localhost:3000`. `<img srcset>` from `/_next/image` is auto-inlined as base64. | - Network accessline 111
| **React + Vite** | Works out of the box. `--wait 1000`. | | **Next.js** | `--wait 3000` for SSR hydration. URL: `http://localhost:3000`. `<img srcset>` from `/_next/image` is auto-inlined as base64. | | **Angular (@angular/cli / v17+)** | - Network accessline 111
| **React + Vite** | Works out of the box. `--wait 1000`. | | **Next.js** | `--wait 3000` for SSR hydration. URL: `http://localhost:3000`. `<img srcset>` from `/_next/image` is auto-inlined as base64. | | **Angular (@angular/cli / v17+)** | - Network accessline 112
| **Next.js** | `--wait 3000` for SSR hydration. URL: `http://localhost:3000`. `<img srcset>` from `/_next/image` is auto-inlined as base64. | - Network accessline 112
| **Next.js** | `--wait 3000` for SSR hydration. URL: `http://localhost:3000`. `<img srcset>` from `/_next/image` is auto-inlined as base64. | - Network accessline 113
| **Angular (@angular/cli / v17+)** | Works out of the box with `ng serve` (default URL: `http://localhost:4200`). `--wait 2000` for Angular Material / PrimeNG animation hydration and lazy-loaded routes. | - Network accessline 113
| **Angular (@angular/cli / v17+)** | Works out of the box with `ng serve` (default URL: `http://localhost:4200`). `--wait 2000` for Angular Material / PrimeNG animation hydration and lazy-loaded routes. | - Network accessline 114
| **Vue / Nuxt** | Works out of the box. | | **Svelte / SvelteKit** | Works out of the box. | | **Storybook** | Use story URL: `--url http://localhost:6006/?path=/story/...` | - Network accessline 114
| **Vue / Nuxt** | Works out of the box. | | **Svelte / SvelteKit** | Works out of the box. | | **Storybook** | Use story URL: `--url http://localhost:6006/?path=/story/...` | - Network accessline 115
| **Svelte / SvelteKit** | Works out of the box. | | **Storybook** | Use story URL: `--url http://localhost:6006/?path=/story/...` | | **SSR (Webpack)** | May need longer `--wait`. | - Network accessline 115
| **Svelte / SvelteKit** | Works out of the box. | | **Storybook** | Use story URL: `--url http://localhost:6006/?path=/story/...` | | **SSR (Webpack)** | May need longer `--wait`. | - Network accessline 116
| **Storybook** | Use story URL: `--url http://localhost:6006/?path=/story/...` | - Network accessline 116
| **Storybook** | Use story URL: `--url http://localhost:6006/?path=/story/...` | - Network accessline 174
npx tsx <SKILL_DIR>/scripts/snapshot.ts \ --url http://localhost:5173/#/dashboard \ - Network accessline 174
npx tsx <SKILL_DIR>/scripts/snapshot.ts \ --url http://localhost:5173/#/dashboard \ - Network accessline 175
--url http://localhost:5173/#/dashboard \ - Network accessline 175
--url http://localhost:5173/#/dashboard \
plugins/stitch-design/skills/extract-static-html/scripts/extract_inline_html.ts
- Executable scriptline 1
#!/usr/bin/env npx tsx - Network accessline 494
// --- Embed <img src="https://..."> --- - Network accessline 511
// --- Embed CSS url("https://...") using robust parser --- - Network accessline 536
// --- Embed <video poster="https://..."> --- - Network accessline 903
if (useTailwind) { head += '<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>\n'; - Network accessline 904
head += '<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>\n';
plugins/stitch-design/skills/extract-static-html/scripts/post_process.ts
- Executable scriptline 1
#!/usr/bin/env npx tsx
plugins/stitch-design/skills/extract-static-html/scripts/snapshot.ts
- Executable scriptline 1
#!/usr/bin/env npx tsx - Network accessline 9
* * Usage: * npx tsx snapshot.ts --url http://localhost:5173 --output .stitch/home.html - Network accessline 10
* Usage: * npx tsx snapshot.ts --url http://localhost:5173 --output .stitch/home.html * npx tsx snapshot.ts --url http://localhost:3000/pricing --output .stitch/pricing.html --html-class dark - Network accessline 11
* npx tsx snapshot.ts --url http://localhost:5173 --output .stitch/home.html - Network accessline 12
* npx tsx snapshot.ts --url http://localhost:3000/pricing --output .stitch/pricing.html --html-class dark - Network accessline 13
* npx tsx snapshot.ts --url http://localhost:5173 --output .stitch/page.html --wait 5000 --viewport 1440x900 - Network accessline 186
} catch { errors.push( `Invalid URL: "${opts.url}". Must be a valid URL (e.g., http://localhost:5173)`, - Network accessline 187
errors.push( `Invalid URL: "${opts.url}". Must be a valid URL (e.g., http://localhost:5173)`, ); - Network accessline 188
`Invalid URL: "${opts.url}". Must be a valid URL (e.g., http://localhost:5173)`, - Network accessline 464
toDataUri: async (url: string): Promise<string | null> => { try { const resp = await fetch(url, { - Network accessline 465
try { const resp = await fetch(url, { mode: 'cors', - Network accessline 466
const resp = await fetch(url, { - Network accessline 1032
const resp = await fetch(href); - Network accessline 1270
const href = img.getAttribute('href') || img.getAttributeNS('http://www.w3.org/1999/xlink', 'href'); - Network accessline 1271
img.getAttribute('href') || img.getAttributeNS('http://www.w3.org/1999/xlink', 'href'); if (!href || href.startsWith('data:')) return; - Network accessline 1272
img.getAttributeNS('http://www.w3.org/1999/xlink', 'href'); - Network accessline 1277
if (img.hasAttribute('href')) img.setAttribute('href', dataUri); if ( img.hasAttributeNS('http://www.w3.org/1999/xlink', 'href') - Network accessline 1278
if ( img.hasAttributeNS('http://www.w3.org/1999/xlink', 'href') ) { - Network accessline 1279
img.hasAttributeNS('http://www.w3.org/1999/xlink', 'href') - Network accessline 1280
) { img.setAttributeNS( 'http://www.w3.org/1999/xlink', - Network accessline 1281
img.setAttributeNS( 'http://www.w3.org/1999/xlink', 'href', - Network accessline 1282
'http://www.w3.org/1999/xlink', - Network accessline 1329
try { const resp = await fetch(data); - Network accessline 1330
const resp = await fetch(data);
plugins/stitch-design/skills/generate-design/SKILL.md
- Broad permissionsline 1
Bash - Network accessline 144
- **Naming**: Use the screen ID or a descriptive slug for the filename. - **Tools**: Use `curl -o` via `run_command` or similar. - Network accessline 145
- **Tools**: Use `curl -o` via `run_command` or similar. - Network accessline 199
- **Naming**: Use the screen ID or a descriptive slug for the filename. - **Tools**: Use `curl -o` via `run_command` or similar. - Network accessline 200
- **Tools**: Use `curl -o` via `run_command` or similar. - Network accessline 245
- **Naming**: Use the screen ID or a descriptive slug for the filename. - **Tools**: Use `curl -o` via `run_command` or similar. - Network accessline 246
- **Tools**: Use `curl -o` via `run_command` or similar. - Network accessline 307
- **Naming**: Use the screen ID or a descriptive slug for the filename. - **Tools**: Use `curl -o` via `run_command` or similar. - Network accessline 308
- **Tools**: Use `curl -o` via `run_command` or similar.
plugins/stitch-design/skills/manage-design-system/SKILL.md
plugins/stitch-design/skills/manage-design-system/reference/tool-schema.md
plugins/stitch-design/skills/upload-to-stitch/SKILL.md
- Broad permissionsline 1
Bash - Broad permissionsline 1
Bash - Network accessline 40
- **API Key**: From the `X-Goog-Api-Key` header or auth argument - **MCP URL** (optional): From the `httpUrl` or endpoint argument (defaults to `https://stitch.googleapis.com`) - Network accessline 40
- **API Key**: From the `X-Goog-Api-Key` header or auth argument - **MCP URL** (optional): From the `httpUrl` or endpoint argument (defaults to `https://stitch.googleapis.com`) - Network accessline 42
`https://stitch.googleapis.com`) - Network accessline 42
`https://stitch.googleapis.com`) - Access to secretsline 58
[Credential-related source omitted] - Access to secretsline 58
[Credential-related source omitted] - Access to secretsline 61
[Credential-related source omitted] - Access to secretsline 61
[Credential-related source omitted] - Access to secretsline 76
[Credential-related source omitted] - Access to secretsline 76
[Credential-related source omitted] - Network accessline 97
- `--file-path`: **Required**. Path to the local file to upload. - `--api-key`: **Required**. API key for Stitch authorization. - `--api-url`: Optional. Base URL of the Stitch API. Defaults to `https://stitch.googleapis.com`. - Network accessline 97
- `--file-path`: **Required**. Path to the local file to upload. - `--api-key`: **Required**. API key for Stitch authorization. - `--api-url`: Optional. Base URL of the Stitch API. Defaults to `https://stitch.googleapis.com`. - Network accessline 98
- `--api-key`: **Required**. API key for Stitch authorization. - `--api-url`: Optional. Base URL of the Stitch API. Defaults to `https://stitch.googleapis.com`. - `--title`: Optional. Title for the uploaded screen. When uploading extracted - Network accessline 98
- `--api-key`: **Required**. API key for Stitch authorization. - `--api-url`: Optional. Base URL of the Stitch API. Defaults to `https://stitch.googleapis.com`. - `--title`: Optional. Title for the uploaded screen. When uploading extracted - Network accessline 99
- `--api-url`: Optional. Base URL of the Stitch API. Defaults to `https://stitch.googleapis.com`. - Network accessline 99
- `--api-url`: Optional. Base URL of the Stitch API. Defaults to `https://stitch.googleapis.com`.
plugins/stitch-design/skills/upload-to-stitch/scripts/upload_to_stitch.py
- Executable scriptline 1
#!/usr/bin/env python3 - Access to secretsline 22
[Credential-related source omitted] - Access to secretsline 26
[Credential-related source omitted] - Access to secretsline 68
[Credential-related source omitted] - Network accessline 70
requests: list[dict[str, Any]], create_screen_instances: bool = False, urlopen: Any = urllib.request.urlopen, - Network accessline 71
create_screen_instances: bool = False, urlopen: Any = urllib.request.urlopen, ) -> dict[str, Any]: - Network accessline 72
urlopen: Any = urllib.request.urlopen, - Network accessline 78
Args: api_url: Base URL of the Stitch API (e.g. https://stitch.googleapis.com). - Network accessline 79
api_url: Base URL of the Stitch API (e.g. https://stitch.googleapis.com). - Access to secretsline 80
[Credential-related source omitted] - Network accessline 97
data = json.dumps(payload).encode("utf-8") req = urllib.request.Request( - Network accessline 98
req = urllib.request.Request( - Access to secretsline 103
[Credential-related source omitted] - Network accessline 195
parser.add_argument( "--api-url", default="https://stitch.googleapis.com", - Network accessline 196
"--api-url", default="https://stitch.googleapis.com", help="Stitch API base URL. Defaults to https://stitch.googleapis.com.", - Network accessline 197
default="https://stitch.googleapis.com", - Network accessline 198
help="Stitch API base URL. Defaults to https://stitch.googleapis.com.", - Access to secretsline 257
[Credential-related source omitted]
plugins/stitch-utilities/skills/design-md/SKILL.md
- Network accessline 21
- Access to the Stitch MCP Server - A Stitch project with at least one designed screen - Access to the Stitch Effective Prompting Guide: https://stitch.withgoogle.com/docs/learn/prompting/ - Network accessline 23
- Access to the Stitch Effective Prompting Guide: https://stitch.withgoogle.com/docs/learn/prompting/ - Network accessline 135
Review the Stitch Effective Prompting Guide at: https://stitch.withgoogle.com/docs/learn/prompting/ - Network accessline 136
https://stitch.withgoogle.com/docs/learn/prompting/
plugins/stitch-utilities/skills/enhance-prompt/SKILL.md
- Network accessline 17
- **Stitch Effective Prompting Guide**: https://stitch.withgoogle.com/docs/learn/prompting/
plugins/stitch-utilities/skills/stitch-loop/SKILL.md
- Broad permissionsline 1
Bash - Network accessline 113
1. **Check availability**: Run `list_tools` to see if `chrome*` tools are present 2. **Start dev server**: Use Bash to start a local server (e.g., `npx serve site/public`) 3. **Navigate to page**: Call `[chrome_prefix]:navigate` to open `ht - Network accessline 114
2. **Start dev server**: Use Bash to start a local server (e.g., `npx serve site/public`) 3. **Navigate to page**: Call `[chrome_prefix]:navigate` to open `http://localhost:3000/{page}.html` 4. **Capture screenshot**: Call `[chrome_prefix]: - Network accessline 115
3. **Navigate to page**: Call `[chrome_prefix]:navigate` to open `http://localhost:3000/{page}.html`
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
Some files could not be read; the facts below still hold.
Declared and executed: 8 facts
- Contacts ui.shadcn.com, which SKILL.md, the README and the plugin manifest do not mentionshadcn-ui/scripts/verify-setup.sh:134High confidence
- Allows Bash without restrictions, though it has no scripts or shell blockscode-to-design/SKILL.md:6High confidence
- Allows Bash without restrictions, though it has no scripts or shell blocksextract-design-md/SKILL.md:12High confidence
- Contacts cdn.tailwindcss.com, which SKILL.md, the README and the plugin manifest do not mentionextract-static-html/scripts/extract_inline_html.ts:904High confidence
- Contacts www.w3.org, which SKILL.md, the README and the plugin manifest do not mentionextract-static-html/scripts/snapshot.ts:1272High confidence
- Allows Bash without restrictions, though it has no scripts or shell blocksgenerate-design/SKILL.md:8High confidence
- Allows Bash without restrictions, though it has no scripts or shell blocksmanage-design-system/SKILL.md:6High confidence
- Allows Bash without restrictions, though it has no scripts or shell blocksstitch-loop/SKILL.md:4High confidence
Signal confidence: 220 facts
- Broad permissions in the frontmatter of the SKILL.mdreact-components/SKILL.md:1High confidence
- Executable script in code of a file that runsreact-components/examples/gold-standard-card.tsx:1High confidence
- Executable script in code of a file that runsreact-components/package.json:1High confidence
- Executable script in a comment of a file that runsreact-components/resources/component-template.tsx:1Low confidence
- Network access in a comment of a file that runsreact-components/resources/component-template.tsx:6Low confidence
- Network access in a comment of a file that runsreact-components/resources/component-template.tsx:7Low confidence
- Network access in a comment of a file that runsreact-components/resources/component-template.tsx:8Low confidence
- Network access in prose of documentationreact-components/resources/stitch-api-reference.md:5Low confidence
- Network access in prose of documentationreact-components/resources/stitch-api-reference.md:6Low confidence
- Network access in prose of documentationreact-components/resources/stitch-api-reference.md:7Low confidence
- Executable script in code of a file that runsreact-components/scripts/fetch-stitch.sh:1High confidence
- Network access in a comment of a file that runsreact-components/scripts/fetch-stitch.sh:6Low confidence
- Network access in a comment of a file that runsreact-components/scripts/fetch-stitch.sh:7Low confidence
- Network access in a comment of a file that runsreact-components/scripts/fetch-stitch.sh:8Low confidence
- Network access in code of a file that runsreact-components/scripts/fetch-stitch.sh:21High confidence
- Network access in code of a file that runsreact-components/scripts/fetch-stitch.sh:22High confidence
- Network access in code of a file that runsreact-components/scripts/fetch-stitch.sh:23High confidence
- Executable script in a comment of a file that runsreact-components/scripts/validate.js:1Low confidence
- Network access in a comment of a file that runsreact-components/scripts/validate.js:6Low confidence
- Network access in a comment of a file that runsreact-components/scripts/validate.js:7Low confidence
- Network access in a comment of a file that runsreact-components/scripts/validate.js:8Low confidence
- Broad permissions in the frontmatter of the SKILL.mdreact-native/SKILL.md:1High confidence
- Executable script in a comment of a file that runsreact-native/examples/gold-standard-card.tsx:1Low confidence
- Network access in a comment of a file that runsreact-native/examples/gold-standard-card.tsx:6Low confidence
- Network access in a comment of a file that runsreact-native/examples/gold-standard-card.tsx:7Low confidence
- Network access in a comment of a file that runsreact-native/examples/gold-standard-card.tsx:8Low confidence
- Executable script in code of a file that runsreact-native/package.json:1High confidence
- Executable script in code of a file that runsreact-native/resources/component-template.tsx:1High confidence
- Executable script in code of a file that runsreact-native/scripts/fetch-stitch.sh:1High confidence
- Network access in a comment of a file that runsreact-native/scripts/fetch-stitch.sh:6Low confidence
- Network access in a comment of a file that runsreact-native/scripts/fetch-stitch.sh:7Low confidence
- Network access in a comment of a file that runsreact-native/scripts/fetch-stitch.sh:8Low confidence
- Network access in code of a file that runsreact-native/scripts/fetch-stitch.sh:22High confidence
- Network access in code of a file that runsreact-native/scripts/fetch-stitch.sh:23High confidence
- Network access in code of a file that runsreact-native/scripts/fetch-stitch.sh:24High confidence
- Executable script in a comment of a file that runsreact-native/scripts/validate.js:1Low confidence
- Network access in a comment of a file that runsreact-native/scripts/validate.js:6Low confidence
- Network access in a comment of a file that runsreact-native/scripts/validate.js:7Low confidence
- Network access in a comment of a file that runsreact-native/scripts/validate.js:8Low confidence
- Broad permissions in the frontmatter of the SKILL.mdreact-vite-dashboard/SKILL.md:1High confidence
- Network access in prose of the SKILL.mdreact-vite-dashboard/SKILL.md:18Low confidence
- Network access in prose of the SKILL.mdreact-vite-dashboard/SKILL.md:87Low confidence
- Broad permissions in the frontmatter of the SKILL.mdremotion/SKILL.md:1High confidence
- Network access in prose of the SKILL.mdremotion/SKILL.md:306Low confidence
- Network access in prose of the SKILL.mdremotion/SKILL.md:389Low confidence
- Network access in prose of the SKILL.mdremotion/SKILL.md:390Low confidence
- Network access in prose of the SKILL.mdremotion/SKILL.md:391Low confidence
- Network access in prose of the SKILL.mdremotion/SKILL.md:392Low confidence
- Network access in prose of the SKILL.mdremotion/SKILL.md:393Low confidence
- Executable script in code of a file that runsremotion/examples/WalkthroughComposition.tsx:1High confidence
and 170 more
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Compatible | Standard SKILL.md plugins/stitch-build/skills/react-vite-dashboard/SKILL.md | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md plugins/stitch-build/skills/react-vite-dashboard/SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md plugins/stitch-build/skills/react-vite-dashboard/SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md plugins/stitch-build/skills/react-vite-dashboard/SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md plugins/stitch-build/skills/react-vite-dashboard/SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md plugins/stitch-build/skills/react-vite-dashboard/SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
Explore alternatives and comparisons
Add this badge to your README
It updates every night and links to this page.
[](https://hotskills.dev/skill/google-labs-code-stitch-skills/)