AI无限画布产品系统Vibe Coding

AI 图像生成已成为电商、广告和社媒内容生产的刚需，但现有产品多为单一模型的黑盒生成，
生成结果难以二次编辑，创作过程不可追溯。本项目针对这一痛点，把生成结果以节点形式
固化在无限画布上，让用户可以反复调整、二次编辑，形成从灵感到成品的完整工作流，
主要面向电商视觉、品牌物料和小红书等社媒内容生产场景。

系统包含五大模块：
一、无限画布编辑器：图片与生成结果以节点自由排布，支持缩放、连线、分组与多选操作；
二、AI 生成：支持文生图、图生图、风格参考与局部重绘；
三、任务中心：实时展示生成进度，支持失败重试与历史记录查看；
四、账号与计费：邮箱验证码登录、积分账本、充值与支付回调；
五、项目管理：多项目隔离、画布数据持久化与成品导出。

本人独立负责从前端到部署的全流程。
前端采用 Next.js 14（App Router）+ React 18 + TypeScript，画布基于 React Flow 实现
节点拖拽、缩放与连线，并通过 memo 与局部状态管理优化大量节点下的重渲染性能。
后端为同仓库 Next.js API Routes，自建任务队列与失败重试机制，通过统一适配层对接
多家图像/视频模型，模型通道可在后台配置。
数据层使用 Prisma + SQLite，实现画布节点与连线的结构化存储。
部署采用 Ubuntu + Nginx 反向代理，独立完成打包、发布与线上运维。
主要难点是多模型调用的超时与幂等处理，以及画布高节点数下的渲染性能优化。