Skills from google-labs-code/stitch-skills: 16 agent skills
design-md — Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
enhance-prompt — Transforms vague UI ideas into polished, Stitch-optimized prompts.
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).
remotion — Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
shadcn-ui — Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization.
site-md — Analyze a project description or site requirements and synthesize a project constitution into SITE.md for the Stitch Build Loop
stitch-loop — Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
stitch::code-to-design — ) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. , requests to "save", "migrate", or "upload").
stitch::extract-design-md — md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework.
stitch::extract-static-html — Extract self-contained static HTML from a built web application or React components by inlining CSS and images.
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.
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.
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.
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.
stitch::upload-to-stitch — Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project.
taste-design — Semantic Design System Skill for Google Stitch.