安装精选 Skills
安装第 1 组
在项目中运行这条命令。
npx skills add google-labs-code/stitch-skills --skill enhance-prompt design-md site-md taste-design安装第 2 组
在项目中运行这条命令。
npx skills add google-labs-code/stitch-skills --skill stitch-loop react-vite-dashboard remotion shadcn-ui
关于这个 Skill
精选 Stitch 界面提示词、设计系统、网站和前端产出的工作流。
为什么推荐
精选自 Google Stitch 插件合集的任务。
合集中的 Skills
9 个 Skills- 查看 →
Extract Design System from Frontend Code
使用 Extract Design System from Frontend Code 工作流完成相关任务。
- 查看 →
Stitch Enhance Prompt
将粗略的界面想法整理为 Google Stitch 可用的结构化提示词。
- 查看 →
Stitch Design MD
分析 Stitch 页面并在 DESIGN.md 中整理设计系统。
- 查看 →
Stitch Site MD
将网站需求整理成供 Stitch 迭代制作的 SITE.md 计划。
- 查看 →
Stitch Taste Design
创建包含字体、配色和界面规范的语义化 DESIGN.md。
- 查看 →
Stitch Build Loop
使用 Stitch 设计和任务交接迭代制作多页面网站。
- 查看 →
Stitch React Vite Dashboard
将 Stitch 页面转换成 React 与 Vite 仪表盘。
- 查看 →
Stitch Remotion Walkthrough
根据 Stitch 项目页面制作 Remotion 演示视频。
- 查看 →
Stitch shadcn/ui
在应用中查找、定制和集成 shadcn/ui 组件。
适合用来做什么
- 使用 Stitch 与相关前端工具规划和制作界面。
使用前需要了解
- 部分任务需要 Stitch 账户与 MCP 服务、相关项目文件、Node.js 或其他工具；生成和关联服务可能有使用额度或费用。
资料与来源
原始资料见下方链接；文中的上手建议由 SkillHey 编辑整理。
