Stitch Prompt 使用说明
准备工作
- 打开 Google Stitch,创建项目 「智价云 ProPrice」
- 将
../design/DESIGN.md 全文粘贴到 Stitch 的 DESIGN.md / 项目上下文
- 选择 Design System 时优先使用项目内 DESIGN.md
生成顺序
| 顺序 |
文件 |
屏数 |
| 0 |
batch-0-组件预览板.md |
3 |
| 1 |
batch-1-h5-windows-注册.md |
10 |
| 2 |
batch-2-windows-比价核心.md |
10 |
| 3 |
batch-3-windows-会员增长.md |
7 |
| 4 |
batch-4-android-全量.md |
20 |
| 5 |
batch-5-admin-操作台.md |
16 |
合计 66 屏(含 3 屏组件预览板 + 63 业务屏)
单屏 Prompt 格式
每条 Prompt 包含:
- Screen ID:便于映射
- Platform:Windows / Android / Admin / H5
- Prompt EN:粘贴到 Stitch 生成框(Stitch 对英文 prompt 效果更好)
- 验收点:生成后自查
迭代技巧
- 生成后选中元素 → Direct Edit → 中文微调
- 风格漂移时重新引用 DESIGN.md:「Follow DESIGN.md strictly」
- 多屏一致性:选中已有屏幕 → Modify → Apply Design System
本批次完成后
请对照 ../prototype-flows/Instant-Prototype-链路.md 串联 Instant Prototype,并反馈修改意见后再进入下一批次。