zhijiayun-pharmacy/docs/初始设计稿/prototype-flows/Instant-Prototype原型说明.md

Instant Prototype 链路（5 条）

在 Stitch 中按顺序 Link 屏幕，点击 Play 可演示。

---

链路 1：私域拉新 → Windows 注册 → 绑平台

目标：演示社群邀请冷启动全流程

h5-invite-landing
  → [下载 Windows] → h5-download
  → [打开客户端] → w-login
  → [注册成功] → w-profile-setup
  → [下一步] → w-license-upload
  → [提交] → w-license-pending
  → (模拟审核通过) → w-onboard-bind
  → [绑定药师帮] → w-platform-bind
  → [绑定成功] → w-onboard-search
  → [完成] → w-home

演示要点：

• H5 展示邀请人「康宁大药房·张老板」
• 注册页预填邀请码 PX8K2M
• 执照上传用文件选择器 UI
• 绑平台说明「使用您本人在该平台的账号」

---

链路 2：Windows 比价核心

目标：演示聚合查价 → 跳转原平台

w-home
  → [搜索 阿莫西林胶囊] → w-search-loading
  → [查询完成] → w-search-result
  → [点击最低价行] → w-product-detail
  → [去药帮忙购买] → (外链提示 modal)

分支：

• w-home → [筛选] → w-filter-panel → w-search-result
• w-home → [未绑平台搜索] → w-gate-modal → w-platform-bind
• 侧边栏 → w-watchlist → w-product-detail

演示要点：

• 表格视图，药帮忙 ¥8.50 标记「最低」
• 并行 loading 三平台进度
• 详情页 3 个「去XX平台购买」按钮

---

链路 3：Windows 会员与邀请

目标：演示增长与 monetization

w-invite-center
  → [复制邀请码] → (toast)
  → 侧边栏 → w-membership
  → [选择年卡] → w-payment-qr
  → [模拟支付成功] → w-payment-result
  → [返回首页] → w-home

w-settings
  → [体验券核销] → w-coupon-redeem
  → [核销成功] → w-home

演示要点：

• 邀请统计：已邀请 5 · 已激活 3 · +21天
• 支付页微信/支付宝 Tab + 二维码
• 体验用户状态条「今日 20/20 已用完」

---

链路 4：Android 移动查价

目标：演示 APP 差异化能力

m-login
  → m-profile-setup → m-license-upload → m-license-pending
  → (审核通过) → m-onboard-bind → m-platform-bind → m-home
  → [扫码 FAB] → m-scan
  → [识别成功] → m-search-result
  → m-product-detail
  → [去平台购买]

m-home → Tab → m-invite-center → [分享到微信]
m-profile → m-membership → m-payment → m-payment-result

演示要点：

• 底部 4 Tab
• 扫码取景框 + 条形码
• 卡片式搜索结果（非表格）
• APP 内调起微信支付按钮

---

链路 5：运营后台日常

目标：演示你的日常运营操作

a-login
  → a-dashboard
  → [待审执照 12] → a-license-audit
  → [查看] → a-license-detail
  → [通过] → a-license-audit

a-dashboard
  → a-invite-batches → a-invite-create → [生成 100 码] → a-invite-batches

a-coupon-batches → a-coupon-create → a-coupon-batches

a-orders → [查看订单] → a-user-detail

演示要点：

• 看板漏斗：注册→上传→审核→绑平台→首搜
• 审核详情大图预览 + 驳回原因输入
• 邀请批次归属 KOL 字段

---

Stitch 操作步骤

1. 打开 Google Stitch
2. 新建项目「智价云 ProPrice」
3. 导入 design/DESIGN.md 为项目上下文
4. 按批次 Prompt 逐屏 Generate
5. 右键屏幕 → Instant Prototype → 按上表 Link
6. 点击 Play 预览