← 返回 Skills 合集
Stitch 设计技能：装前先接 MCP
GitHub Stars 7925分类：图像与视觉设计
每条技能固定四件套：SKILL.md 当任务说明、scripts 放校验与执行器、resources 放清单与风格指南、examples 放语法正确的黄金样例。代表能力里，code-to-design 把前端代码抽成设计系统再上传，extract-static-html 把跑着的应用抽成内联 CSS 和图片的自包含文件。两点作者写在明处：这不是 Google 官方支持的产品；技能之间常有依赖，选装要自己带齐。
开发图像与设计自动化开源
一句话价值
三个插件打包十五条技能，覆盖代码转设计、静态 HTML 抽取、一句话出五页站点、走查视频生成。硬前置是先注册好 Stitch 的 MCP 服务端。
适合场景
- 开发者
- 设计师
- 职场人士
亮点
- 把这个前端项目抽成设计系统，再上传成 Stitch 设计。
- 一句话生成一个五页站点，生成完自动跑校验。
- 把这个跑着的页面抽成自包含 HTML，CSS 和图片都内联。
安装方法
在终端执行下面的命令即可安装该 Skill：
npx skills add https://github.com/google-labs-code/stitch-skills