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
Об этом Skill
Selected workflows for Stitch interface prompts, design systems, websites and frontend outputs.
Почему мы его выбрали
Selected tasks from Google’s Stitch plugin collection.
Навыки в этой коллекции
9 навыков- Открыть →
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."
- Открыть →
Stitch Enhance Prompt
Turn rough interface ideas into structured prompts for Google Stitch.
- Открыть →
Stitch Design MD
Analyze Stitch screens and describe their design system in a DESIGN.md file.
- Открыть →
Stitch Site MD
Turn a site brief into a SITE.md plan for an iterative Stitch build.
- Открыть →
Stitch Taste Design
Create a semantic DESIGN.md with typography, color and interface guidance.
- Открыть →
Stitch Build Loop
Iteratively build a multi-page website using Stitch designs and task handoffs.
- Открыть →
Stitch React Vite Dashboard
Convert Stitch screens into a React and Vite dashboard.
- Открыть →
Stitch Remotion Walkthrough
Build a Remotion walkthrough video from Stitch project screens.
- Открыть →
Stitch shadcn/ui
Find, customize and integrate shadcn/ui components in an application.
Для каких задач подходит
- Plan and build an interface using Stitch and related frontend tools.
Перед использованием
- 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.
Источники и материалы
Ссылки на оригинальные материалы приведены ниже. Практические идеи предложены редакцией SkillHey.
