Install the selected Skills
Install group 1
Run this command in your project.
npx skills add google-labs-code/stitch-skills --skill enhance-prompt design-md site-md taste-designInstall group 2
Run this command in your project.
npx skills add google-labs-code/stitch-skills --skill stitch-loop react-vite-dashboard remotion shadcn-ui
Sobre este Skill
Selected workflows for Stitch interface prompts, design systems, websites and frontend outputs.
Por que escolhemos
Selected tasks from Google’s Stitch plugin collection.
Skills desta coleção
9 skills- Ver →
Extract Design System from Frontend Code
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."
- Ver →
Stitch Enhance Prompt
Turn rough interface ideas into structured prompts for Google Stitch.
- Ver →
Stitch Design MD
Analyze Stitch screens and describe their design system in a DESIGN.md file.
- Ver →
Stitch Site MD
Turn a site brief into a SITE.md plan for an iterative Stitch build.
- Ver →
Stitch Taste Design
Create a semantic DESIGN.md with typography, color and interface guidance.
- Ver →
Stitch Build Loop
Iteratively build a multi-page website using Stitch designs and task handoffs.
- Ver →
Stitch React Vite Dashboard
Convert Stitch screens into a React and Vite dashboard.
- Ver →
Stitch Remotion Walkthrough
Build a Remotion walkthrough video from Stitch project screens.
- Ver →
Stitch shadcn/ui
Find, customize and integrate shadcn/ui components in an application.
No que ajuda
- Plan and build an interface using Stitch and related frontend tools.
Antes de usar
- Some tasks require a Stitch account and MCP server, relevant project files, Node.js or other tooling. Generation and connected services may have usage limits or charges.
Fontes e referências
As fontes originais estão nos links abaixo. As sugestões práticas são recomendações editoriais do SkillHey.
