Design MD
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Design & UI
Google Labs8.7k
Publisher Official
Google Labs skills for Claude
- 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.
8.7k starsApache-2.016 skills
Maintain google-labs-code/stitch-skills?
Add the badge to your README so people can find the install steps.
[](https://www.stealit.xyz/publishers/google-labs-code)
All 16 skills from Google Labs
16 skills
Enhance Prompt
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better…
AI & AgentsGoogle Labs8.7k
React Vite Dashboard
Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).
FrontendGoogle Labs8.7k
Remotion
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
Video & MotionGoogle Labs8.7k
Shadcn UI
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
FrontendGoogle Labs8.7k
Site MD
Analyze a project description or site requirements and synthesize a project constitution into SITE.md for the Stitch Build Loop
Design & UIGoogle Labs8.7k
Stitch Code To Design
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…
Design & UIGoogle Labs8.7k
Stitch Extract Design MD
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…
Design & UIGoogle Labs8.7k
Stitch Extract Static Html
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…
Design & UIGoogle Labs8.7k
Stitch Generate Design
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…
Design & UIGoogle Labs8.7k
Stitch Loop
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
Design & UIGoogle Labs8.7k
Stitch Manage Design System
Manage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.
Design & UIGoogle Labs8.7k
Stitch React Components
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…
FrontendGoogle Labs8.7k
Stitch React Native
Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.
MobileGoogle Labs8.7k
Stitch Upload To Stitch
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…
Design & UIGoogle Labs8.7k
Taste Design
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color…
Design & UIGoogle Labs8.7k