产品简介
CanvasMind 是一个开源的前端交互框架与界面原型，旨在展示一个集AI对话、图片/视频生成、无限画布和完整后台运营于一体的全栈项目架构。它适合开发者学习和研究如何搭建此类AI应用平台。
核心功能
- 基于Vue 3的无限画布与拖拽交互界面
- 支持图片、视频生成与编辑的多模态创作
- 集成AI对话与会话管理的前台创作端
- 包含用户、营销、资源管理的完整运营后台
- 基于Prisma+MySQL的可落库服务端与Docker部署支持
快速开始
- 确保环境中已安装 Node.js (>=20.19.0) 和 MySQL。
- 在项目根目录执行 `npm install` 安装依赖。
- 执行 `npm run dev` 同时启动前端开发服务与本地后端服务。
界面预览
与其他方案对比
| 对比项 | CanvasMind | 同类方案 |
|---|---|---|
| 性质定位 | 开源的完整项目原型与技术演示框架，可自由修改学习 | 多为封闭的商业成品软件，无法查看或修改底层架构 |
| 技术栈 | 明确采用Vue 3、Node.js、Prisma等现代Web技术栈，结构清晰 | 可能基于不同技术栈，或技术细节不透明 |
| 部署灵活性 | 支持Docker单容器部署，可本地开发或自行部署 | 通常提供固定的SaaS服务或客户端 |
适合谁用
- 希望学习如何构建AI创作类Web应用的全栈开发者
- 需要一个包含前后端的完整项目骨架进行二次开发的技术团队
- 对基于画布的AI交互原型感兴趣的产品设计师
下载与版本
当前最新版本为 master，发布于 。支持 Windows、macOS、Linux。
⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/xpnobug/CanvasMind