Skip to content

MVP 范围

已完成

基础设施

  • 前端框架与 UI 组件库配置 → ADR-001
  • 代码规范 + 单元测试 + 集成测试配置
  • 多环境静态部署 → ADR-009

画布编辑器

  • Workspace 画布列表 CRUD
  • Canvas Editor 页面(Vue Flow 集成)
  • 画布 Header / Toolbar / Footer
  • 节点创建(工具栏对话框 + 浮动菜单 + 双击空白区 + 连线拖出)

连线系统

  • 连线校验(自连接 / 循环 / 重复 / handle 方向 / uploaded 节点不可作 target)→ spec
  • 拖到节点体 / 空白区域创建连线
  • 节点多选批量连线(Group Node)→ spec

节点系统

  • 节点复制 / 粘贴 / 副本(右键菜单 + Ctrl+C/V 快捷键)→ spec
  • NodeShell 通用节点框架(紧凑 / 编辑双模式)→ spec
  • TextNode(TipTap 富文本编辑 + AI 文本生成)→ spec
  • ImageNode(图片上传/预览 + AI 图片生成 + 多变体选择)→ spec
  • VideoNode(视频上传/播放 + AI 视频生成)→ spec
  • 文件上传到 COS(STS 凭证 + CDN)→ spec

数据流

  • 节点间数据流传递 + 上游参考媒体预览 → spec

预览

  • Quick Look 节点全屏预览(空格键触发、方向键切换)→ spec

AI 服务

  • AI 生成状态机(HTTP POST 触发 + WS Push 接收结果)→ spec
  • 模型列表动态查询 + 缓存

实时同步

  • 节点/连线 CRUD 通过 WebSocket Command 同步 → ADR-007
  • WebSocket 协议(Command/Accept/Reject/Push + 心跳 + 重连)

明确不做

  • 移动端适配

页面结构

页面路由描述
Workspace/画布列表、新建画布入口
画布编辑器/canvas/:id核心编辑页面