项目 02 · 2026 · 个人开发

AIGC Room多模态节点工作台

文本、图片、视频和分镜节点通过连线形成真实输入关系;项目内保留生成参数、任务记录、费用与素材。

项目类型
多模态工作流产品
节点范围
文本 / 图片 / 视频 / 剧本 / 分镜
我的工作
产品设计与全栈实现
00 / 演示

运行中的工作台演示。

从创建项目、添加节点到打开生成控制面板的本地操作录屏。

本地运行环境 · 工作台操作演示
01 / 功能与界面

节点关系与生成控制。

画布并非只用于摆放卡片。图片、文本与视频节点由真实边关系连接;上游输出会进入下游的生成、编辑、延长或首尾帧任务。

画布与依赖

右键或工具栏创建节点,拖拽本地素材生成节点;从输出句柄可直接创建并连线下游节点。删除操作同步处理节点与边,支持撤销和重做。

按能力展示参数

双击节点打开生成面板。不同模型只展示可用的比例、分辨率、时长、音频、参考图、首尾帧或编辑模式,不把所有能力混成一套表单。

图像与分镜工具

支持遮罩编辑、多角度图、分镜网格拆分,以及 2× / 4× 本地高清化;单格可继续进入后续生成。

任务、日志与交付

生成请求进入独立任务队列,右侧按项目展示任务状态、素材、日志和估算费用;完成后可打包导出项目及生成素材。

节点与模板入口:文本、图片、视频、剧本和分镜网格。
图片节点:文生图、图生图、图像编辑与无遮罩编辑。
视频节点:文生视频、图生视频、视频延长和首尾帧。
项目设置:区域、存储、模拟模式与模型映射。
剧本节点:承载分镜方案、时长和时间线导出。
分镜网格:可批量生成、拆分单格与高清化。
02 / 结构

从画布到任务执行的四层结构。

前端负责画布和参数交互;接口保存项目、节点、边与素材;任务由 worker 异步执行并回写状态。这也是“画布关系”能真正参与生成的基础。

WEBNext.js + React Flow

无限画布、节点视图、交互面板与快捷键。

APIFastify

项目、节点、连线、上传、生成和导出接口。

WORKERBullMQ

将耗时生成从画布交互中分离,回写任务状态。

DATAPrisma + 项目目录

项目级素材、缩略图、生成结果与日志归档。

03 / 画布

两组真实工作流截图。

以下来自服装广告实验:左侧素材与角色参考通过连线汇入生成节点;视频任务可使用首尾帧,右侧侧栏同步保留任务历史与估算费用。

首尾帧图生视频节点工作流
角色参考、多角度图与首尾帧 → 图生视频;右侧保留项目任务历史与费用。
服装广告多镜头节点工作流
人物、服装与鞋履参考 → 多镜头图像节点 → 多条视频输出。
04 / 输出

两支服装广告成片。

点击播放查看由上述节点工作流产出的竖屏视频结果。

法式田园风 · 服装广告
新中式先锋 · 服装广告