Stitch手机和桌面设计:显式传deviceType,分别验收而非把宽截图当响应式 素材身份:作者原创输入/可编辑参考。目标工具未在本轮执行。 先打开 index.html;input.csv 是原始字段,reference.csv 是验收基准,negative.csv 是故意构造的坏样例。 actual-results.csv 保留未测状态,实际执行后再填写。 前置条件: 本地练习资料可免费编辑与检查;执行Stitch需要可访问账号和已配置的官方MCP或SDK,云端额度/计划以账户页面为准。 在隔离练习项目操作,保留projectId、screenId和版本;本稿未调用目标云端,不能据此声称生成完成。 操作步骤: 1. 固定共同内容 两端都用相同的日期、票价与报名字段,记录内容摘要。 移动版允许布局重排,不允许删掉退款说明。 2. 设置设备枚举 按SDK使用MOBILE和DESKTOP作为两次明确条件。 不要传小写mobile或把1280x800尺寸字符串当枚举。 3. 生成并记录结果 分别调用project.generate(prompt,deviceType),保存实际返回screen。 未生成的一端保持待执行,不把另一端缩放图作为结果。 4. 检查内容等价 逐项核对两端都有时间、价格、退款和报名入口。 内容遗漏先修正,不用视觉精简为删业务信息辩解。 5. 检查中间宽度 下载HTML后在375、768和1280宽度分别打开。 两端独立设计可能需要后续合并实现,中间布局不能由截图推断。 6. 登记实现边界 记录生成了两张屏幕还是同一份可响应HTML。 若仍是两套页面,说明切换策略待实现,不写自动响应已通过。 7. 交付设备矩阵 保存请求枚举、屏幕身份与三档宽度检查。 对未测试浏览器单独列待测。 验收: 设备枚举为官方允许值。 两端业务内容等价。 中间768px宽度有实际回看。 官方资料: https://github.com/google-labs-code/stitch-sdk 图片身份:assets/ 为内置image_gen生成的原创练习输入缩略版,原始文件保留在网站图片来源地址。可编辑SVG为作者原生排版。