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
このスキルについて
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 による編集上の提案です。
