askdodo原型 · 示例数据依据：askdodo-video-image-PRD.md v0.1 · 2026-10-19

Private Studio · 图片与视频生成 · 3 套交互原型

三套方案都覆盖 PRD P0 关键状态：入口、配置 + 生成前报价、排队/生成中（离开后恢复）、成功、失败 + 释放预扣额度、真人同意弹窗、本地加密历史（含存储配额警告）。界面文案为英文（与 askDodo 现网一致），黄色标签与右侧“PM 批注”为中文说明。全部为单文件 HTML，无外部网络依赖；价格、余额、耗时均为示例。

三套方案

V1 对话内嵌 推荐 MVP

生成全部发生在聊天流里：编辑结果卡 → 内嵌报价卡 → 进度卡 → 视频卡。
优点
  • 最贴近现网（/agent 聊天 + 四个模式 chip + AutoRouter），学习成本最低
  • 天然满足 F1“同一对话内编辑 → 做成视频，最多确认 2 次”
  • 新增界面最少，最适合 3–5 周 MVP（估算）
  • 报价、结算、隐私档都写在卡片上，透明度高
缺点
  • 长对话里媒体卡堆积，反复调参不如工作台顺手
  • 跨对话的任务队列不直观，需要单独的 Media 页
  • 草稿对比、模板等 P1 功能在聊天流里放不下
打开原型失败态历史

V2 Studio 工作台

独立 Video/Image 页：左参数 + 报价框，中预览，右队列 + 本地历史。
优点
  • 参数、报价、队列、历史一屏可见，适合反复迭代的重度用户
  • 结构与未来 askdodo- 视频 API（quote / job / status）一一对应
  • P1 能力（参考图角色、首尾帧、续写）有地方放
缺点
  • 新增一整个产品面，设计和工程量最大
  • 偏离“在对话里说一句话就行”的定位，容易变成 Venice Video Studio 的翻版，差异化弱
  • F1 编辑 → 做成视频需要把图从聊天带过来，多一步
  • 新用户冷启动是空白画布
打开原型队列历史

V3 混合（聊天 + 侧抽屉）

聊天输入框带媒体设置条，结果在右侧抽屉：草稿 → 高清升级、双草稿对比、模板条（P1）。
优点
  • 入口仍是聊天，结果有专门的工作区，生成时不打断对话
  • “草稿 → 高清”升级阶梯最清楚，直接服务“草稿升级率”指标
  • Compare / 模板 / Library 可平滑扩展到 P1
缺点
  • 交互最复杂：抽屉 + 侧栏收起 + 设置条，移动端要改成底部面板
  • 状态在两处（聊天 chip + 抽屉），需要保持同步
  • 窄屏下输入框设置条拥挤
打开原型草稿对比历史

推荐

MVP 用 V1 对话内嵌，并借用 V3 的两个部件；P1 再演进到 V3 抽屉。V2 暂不做。

需求覆盖对照（P0）

PRD 需求V1 对话内嵌V2 StudioV3 混合
F1 编辑图片 → 5 秒循环（≤2 次确认）✅ 原生：编辑卡 → 内嵌报价⚠️ 需从聊天带图到 Studio✅ 聊天里完成，抽屉看结果
F2 三档 + AutoRouter（无模型选择）✅ 报价卡三档✅ 左栏三档单选✅ 设置条 + 升级阶梯
F3 生成前报价（quote_id / 有效期）✅✅ 常驻报价框✅ 发送键浮层
F4 预扣 → 结算 → 失败释放（不叫退款）✅✅ 顶栏显示预扣✅
F5 异步队列 / 恢复 / 通知✅ 进度卡 + 恢复横幅✅ 右侧队列最清楚✅ 抽屉 + chip
F6 本地加密 + 配额警告 + 导出✅ Media 页✅ 右栏存储条 + Library✅ 抽屉 Library
F7 隐私档 / TEE 标注✅✅✅ 升级时提示隐私档变化
F8 真人同意✅✅✅
F9 放大 / 去背景✅ 图片卡操作⚠️ 未画（Image 标签）⚠️ 未画
P1 草稿对比 / 模板——✅ 预览
新增界面工作量（估算）低–中高中–高

截图（1440×900）

与 askDodo 现网风格的对齐

2026-10-19 未登录抓取 askdodo.com、askdodo.com/agent（访客模式）与 docs.askdodo.com 的 HTML/CSS。设计变量取自现网 CSS 的 snow-spruce 深色主题；字体 Manrope、Bricolage Grotesque 从现网静态资源内嵌。

spruce #11110f · 画布
snow #f2eee3 · 文字
dodo-green #a8e82c · 主按钮 / 选中
coral #e05a46
privacy-tee（olive）
privacy-proxy（mustard）
line 17%
radius 12 / 16 / pill
字体：Manrope（正文）· Bricolage Grotesque（标题/按钮）

参考截图：reference/askdodo-home.png（落地页）、askdodo-agent-video-mode.png（访客聊天，Video 模式）、docs-models.png（docs 隐私标签说明）。未登录，因此登录后的界面（Get Credits 页、真实生成结果卡、设置）未核对。