by Google Labs · Design
Skills for the Stitch design tool: design-md, enhance-prompt, react-components, remotion walkthroughs, shadcn-ui, and the stitch-loop design-to-code loop

15 skills in the catalog
15 skills
by Google Labs · Design
Skills for the Stitch design tool: design-md, enhance-prompt, react-components, remotion walkthroughs, shadcn-ui, and the stitch-loop design-to-code loop
by Google Labs · Frontend
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.
by Google Labs · Mobile
Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.
by Google Labs · Video/Audio
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
by Google Labs · Frontend
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
by Google Labs · Design
Convert frontend code (Vite, React, 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 components into Stitch (e.g., requests to "save", "migrate", or "upload").
by Google Labs · Design
Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework.
by Google Labs · Frontend
Extract self-contained static HTML from a built web application or React components by inlining CSS and images.
by Google Labs · 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.
by Google Labs · Design
Manage design systems in Stitch using MCP tools.
by Google Labs · Design
Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project.
by Google Labs · Design
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
by Google Labs · Design
Transforms vague UI ideas into polished, Stitch-optimized prompts.
by Google Labs · Design
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
by Google Labs · Design
Semantic Design System Skill for Google Stitch.