google-labs-code/stitch-skills
15 skills · 253,995 total installs
$npx skills add google-labs-code/stitch-skillsSkillInstalls
design-mdAnalyze Stitch projects and synthesize a semantic design system into DESIGN.md filesenhance-promptTransforms vague UI ideas into polished, Stitch-optimized prompts.stitch-loopTeaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop patternshadcn-uiExpert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best…remotionGenerate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlaystaste-designSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography,…react-vite-dashboardConvert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).code-to-designConvert frontend code (Vite, React, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload.extract-design-mdExtract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework.extract-static-htmlExtract self-contained static HTML from a built web application or React components by inlining CSS and images.generate-designGenerate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP.manage-design-systemManage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.react-componentsConverts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using…react-nativeConvert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.upload-to-stitchUpload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project.