无限画布产品系统Vibe Coding

训练快速上手接单的人群。项目围绕“学习 - 训练 - 创作 - 提交 - 复盘”的闭环展开，将知识库学习、AI 生成、流程编排、作品沉淀和进度追踪整合到同一套系统中。

其中一个重要场景是把复杂的创作和学习过程放到“可视化工作台”中完成。用户不再只是在表单或文档里操作，而是在一个可自由缩放、拖拽、组织节点的无限画布里进行剧本拆解、分镜规划、素材整理、视频生成、时间线剪辑和资源管理。这种方式尤其适合短训营、项目制教学和实战型课程，可以把抽象的学习过程变成可操作、可追踪、可复用的创作流程。

项目当前已实现前台学生端、后台管理端、知识库模块、AIGC 创作模块以及训练板块的基础能力。其中最核心的功能是基于 VueFlow 搭建的无限画布工作台。该工作台支持节点拖拽、连线、缩放、视口记忆、分组、右键菜单、框选、多类型节点扩展，并可承载图片、视频、音频、文本、3D、全景、剧本、分镜、时间线等多种创作元素，形成一个统一的可视化创作空间。

围绕无限画布，项目进一步实现了资源库、剧本与分镜面板、时间线编辑、工作流文档管理、个人工作区、素材沉淀与复用等能力。用户可以在画布中上传或生成素材，素材会自动进入资源库；删除画布节点不会直接丢失资源，保证创作资产可持续复用。除此之外，项目还实现了知识库学习进度、课程观看进度、训练关卡概览、基础测试配置、打字测试、正式关卡配置等功能，为后续教培游戏化闭环提供了现成基础。

我主要负责的是前后端一体化功能落地，包括 Vue 3 前端页面组织、基于 VueFlow 的无限画布工作台搭建、Koa 后端接口设计、训练模块数据结构设计，以及与知识库、题库、工作流文档之间的联动。项目技术栈以前端 Vue 3 + Vue Router + Pinia 为主，结合 VueFlow 实现无限画布交互，后端使用 Node.js + Koa，数据层同时使用 MySQL 与 MongoDB，前者承载训练配置、进度与业务结构化数据，后者承载工作流文档、画布节点和资源型数据。

项目的实现亮点在于把“无限画布”做成了业务中台式能力，而不是单一页面。系统支持后台为训练关卡配置画布模板，学生触发关卡后，后端会自动复制模板并生成属于该用户的独立画布实例，实现“一套模板，多人独立创作”的机制。这样既保证了教学流程标准化，又保留了每个学员在画布中的个性化操作空间。这个能力后续可以直接扩展到教培关卡、导演台、项目实训、任务广场等场景，是整个项目最有延展性的核心能力之一。