核心用法
Stitch Design 是 Google Stitch 官方 SDK 的 OpenClaw 封装层，允许用户通过自然语言提示生成高保真 UI 设计。核心工作流包括：
1. 生成 (generate)：从零创建新屏幕，支持 desktop/mobile/tablet 设备
2. 编辑 (edit)：对现有屏幕进行针对性修改，保持视觉一致性
3. 变体 (variants)：探索 1-5 个设计方向，支持 refine/explore/reimagine 三种创意范围
4. 导出 (export/html/image)：下载 HTML、CSS、PNG 等格式
所有操作通过 node scripts/stitch.mjs CLI 执行，输出 JSON 格式结果。技能自动管理屏幕别名（alias）、项目状态和设计谱系追踪。
显著优点
- 官方背书：直接调用 Google Stitch 官方 SDK，非第三方逆向实现
- 设计谱系管理：自动记录生成/编辑历史，支持
history/lineage查询，便于追溯设计决策 - 别名系统：可用
concept-a、home-v2等易记名称替代冗长的 screen ID - 多设备支持：desktop/mobile/tablet 三端适配
- 变体探索灵活：支持针对性调整（仅 color_scheme）或全面重构（reimagine）
- 本地状态可重建：
names.json可从events.jsonl事件日志恢复，防数据丢失
潜在缺点与局限性
- 无图像上传 SDK：草图/参考图必须通过 Stitch Web UI 手动上传，无法在 CLI 流程中完成
- 内容幻觉：Stitch 会自发添加未请求的文案、头像、标签，需人工审核
- 全屏偏向：默认生成完整页面，组件设计需显式覆盖
- 长耗时操作：generate/edit/variants 需 1-5 分钟，虽自动重连但仍影响迭代节奏
- 设计系统支持有限：
--design-system仅为本地 prompt 拼接，SDK 暂不支持原生design_system_id绑定 - 细节控制弱：像素级间距、阴影、圆角等需导出后在外部工具（Figma/代码）精修
适合人群
- 产品设计师：快速探索多方案，建立视觉方向
- 前端开发者：生成可直接使用的 HTML/CSS 原型
- 独立开发者：无设计资源时快速产出可用界面
- 设计团队：需要版本管理和设计决策追溯的场景
常规风险
- API 密钥泄露：
STITCH_API_KEY是唯一凭证，需妥善保管 - 网络依赖：核心功能完全依赖 Google Stitch API，无法离线使用
- 生成结果不可复现：相同提示可能产出不同结果，建议及时锁定满意版本（export + alias）
- 成本累积：Stitch 为 Google 付费服务，高频变体探索可能产生意外费用
- 数据驻留：屏幕内容存储于 Google 服务器，敏感设计需注意合规性