安装
npx skills add google-labs-code/stitch-skills适合谁
如果你已经在用 Google Stitch 做界面，希望编程类 agent 按开放的 Agent Skills 标准去生成新屏幕、改已有屏幕或出设计变体，这组技能对得上。它是面向 Google Stitch 的技能与插件合集，说明页见
https://github.com/google-labs-code/stitch-skills
产品本身见
https://stitch.withgoogle.com/
更合适的人已经完成 Stitch MCP 的注册，环境变量和凭据按官方安装说明就绪，并且接受只走下面这一条技能安装命令。这些技能要求 Stitch MCP 在 agent 环境中配置完成且正在运行；没有 MCP，技能没有可调用的设计后端。安装说明见
https://stitch.withgoogle.com/docs/mcp/setup/
第一次请做可检查的小范围生成或变体，而不是一上来改整套生产设计系统。官方点名了若干编程环境，其中一种写明需手动安装，但没有给出那份手动步骤；不要把点名名单理解成唯一能用的环境，也不要补造未写明的安装器。合集遵循 Agent Skills 开放标准，技能名以 stitch::generate-design 这种写法出现；没有写到的其他 stitch:: 名称不要自行补齐。若你还没有 Stitch 账号或 MCP 凭据，先去 Setup 文档，而不是先跑 npx。
3 分钟完成第一次尝试
技能只走官方这条选择性安装命令：
npx skills add google-labs-code/stitch-skills
不要另找市场、插件或第二条技能安装器。装完后重启 agent，确认技能出现。
前置条件：Stitch MCP 已按上面的 Setup 文档注册、环境变量和凭据已设，并且进程在跑。若 MCP 未就绪，先停在配置检查，不要调用生成。本机还需能运行 npx。
在已装好技能、MCP 已在跑的 agent 里，做一次低风险任务：调用 stitch::generate-design，用一小段文本描述一个沙盒屏幕（例如“一个只有标题和主按钮的空状态页”），先让它复述将发往 Stitch 的提示、是否改已有屏幕、会不会写本地文件。你确认只生成新草稿、不覆盖正式稿后，再允许它继续。
成功信号：Stitch 里出现对应的新屏幕或可打开的设计结果，而不是一段与 Stitch 无关的假 HTML。若技能说后端不可用，回到 MCP 是否在跑、凭据是否按官方文档设置，不要改安装命令去试未记载的来源。若它要求你提供未在文档出现的密钥占位符，停住，只使用 Setup 页写明的环境变量名称。
使用案例
案例一：从文本或图片生成新屏幕。stitch::generate-design 的说明是从文本或图片生成新屏幕。做法是准备一句界面描述，或一张你有权使用的参考图，让技能在 Stitch 里出第一稿。图片路径或文本未就绪时先停。生成会落到 Stitch 侧，属于对外调用，确认提示词后再执行。官方没有写提示词模板或图片尺寸限制，缺了这些细节就保持描述简短，不要伪造参数。
案例二：改已有屏幕或出变体。同一技能还写明可编辑已有屏幕并创建设计变体。做法是指定 Stitch 里一张已有草稿，要求只出一到两个变体，不要批量覆盖。官方没有写出变体数量上限或回滚按钮，所以先让它说明将修改哪一屏、是否另存变体；你确认后再跑。这与案例一是同一技能的不同操作，不是另一套安装。若 agent 提议改用未记载的插件命令来完成同一件事，拒绝，继续只用已安装的技能名称。
使用边界
没有正在运行的 Stitch MCP，这组技能不能当普通绘图技能用。必须先完成服务器注册以及环境变量和凭据设置；缺哪一项，官方都没有提供绕过办法。也不要把技能安装命令当成 MCP 安装命令。
官方技能安装只有 npx skills add google-labs-code/stitch-skills。页面上还有面向某一宿主、带 --target 的 npx plugins add 写法，那是插件落点，不是本指南采用的技能安装入口。名单里写“手动安装”的环境，官方没有给出可复制步骤，就不要发明拷贝目录或市场指令。
generate-design 会在 Stitch 里创建或修改屏幕，属于有副作用的外部调用。先核对提示、目标屏幕和是否另存，再执行。官方没有授权把生成结果直接发布到生产应用，也没有列出表格之外的技能名称；没写到的能力不要猜。从图片生成时，只用你有权使用的参考图。编辑已有屏幕前，先在 Stitch 里确认那一屏仍是草稿，避免覆盖已交付界面。