Stitch交互原型：通过Play补下一屏，区分新生成页面与真实业务动作

素材身份：作者原创输入/可编辑参考。目标工具未在本轮执行。
先打开 index.html；input.csv 是原始字段，reference.csv 是验收基准，negative.csv 是故意构造的坏样例。
actual-results.csv 保留未测状态，实际执行后再填写。

前置条件：
本地练习资料可免费编辑与检查；执行Stitch需要可访问账号和已配置的官方MCP或SDK，云端额度/计划以账户页面为准。
在隔离练习项目操作，保留projectId、screenId和版本；本稿未调用目标云端，不能据此声称生成完成。

操作步骤：
1. 画出最小流程
列活动页、报名页、确认页和错误状态，标出目前缺确认页。
每一步写清页面应显示的信息，避免只有箭头没有内容。

2. 准备输入状态
使用虚构姓名“小林”、票数2和无效空手机号两份输入。
不提供真实个人信息，教程练习也不真的下单。

3. 进入Play原型
在Stitch点击Play，从报名按钮观察下一步。
当工具生成逻辑下一屏时登记其新页面身份。

4. 核对确认信息
确认页应显示活动、票数和可返回修改入口。
如果只出现通用成功图而没保留输入，本课仍未完成。

5. 检查错误与返回
对空手机号应停留并提示，返回时保持已填票数。
原型无法表达真实校验时标为待实现，不能伪称业务逻辑完备。

6. 分开验证后端边界
检查是否存在实际提交接口与存储证据。
仅有原型时明确“演示动作”，不显示虚构支付或订单回执。

7. 交付状态矩阵
保存原型路径、生成屏幕和业务实现缺项。
不同状态用实际画面说明，未运行只保留作者流程样本。

验收：
缺失确认屏有明确输入/输出内容。
返回路径和错误状态分别核对。
原型成功与真实落库不混同。

官方资料：
https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-ai-ui-design/

图片身份：assets/ 为内置image_gen生成的原创练习输入缩略版，原始文件保留在网站图片来源地址。可编辑SVG为作者原生排版。