（8628期）Stitch Design – AI 生成 UI 设计，一键出图

AI 生成 UI 设计，一键出图 Google Stitch官方SDK封装，通过纯文本描述生成UI设计，支持迭代编辑、变体探索和导出，适合快速视觉原型制作。 使用说明 核心用法 Stitch Design 是 Google Stitch 官方 SDK 的 OpenClaw 封装层，允许用户通过自然语言提示生成高保真 UI 设计。核心工作流包括： 生成 (generate)：从零创建新屏幕，支持 desktop/mobile/tablet 设备 编辑 (edit)：对现有屏幕进行针对性修改，保持视觉一致性 变体 (variants)：探索 1-5 个设计方向，支持 refine/explore/reimagine 三种创意范围 导出 (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 暂不支持原生 designsystemid 绑定 细节控制弱：像素级间距、阴影、圆角等需导出后在外部工具（Figma/代码）精修 适合人群 产品设计师：快速探索多方案，建立视觉方向 前端开发者：生成可直接使用的 HTML/CSS 原型 独立开发者：无设计资源时快速产出可用界面 设计团队：需要版本管理和设计决策追溯的场景 常规风险 API 密钥泄露：STITCHAPIKEY 是唯一凭证，需妥善保管 网络依赖：核心功能完全依赖 Google Stitch API，无法离线使用 生成结果不可复现：相同提示可能产出不同结果，建议及时锁定满意版本（export + alias） 成本累积：Stitch 为 Google 付费服务，高频变体探索可能产生意外费用 数据驻留：屏幕内容存储于 Google 服务器，敏感设计需注意合规性 原始说明 Official Google Stitch SDK wrapper for OpenClaw. Requires only STITCH_API_KEY. Generate UI screens from text, apply targeted edits, branch variants, export H...