Next AI Draw.io 架构设计分析
1. 项目概述
Next AI Draw.io 是一个 AI 驱动的图表创建工具，通过自然语言命令和 AI 辅助可视化来创建、修改和增强 draw.io 图表。
核心特性
- LLM 驱动的图表创建：利用大语言模型通过自然语言直接创建和操作 draw.io 图表
- 基于图像的图表复制：上传现有图表或图像，让 AI 自动复制和增强
- PDF 和文本文件上传：上传 PDF 文档和文本文件以提取内容并生成图表
- AI 推理显示：查看支持模型的 AI 思考过程（OpenAI o1/o3、Gemini、Claude 等）
- 图表历史记录：全面的版本控制，跟踪所有更改
- 交互式聊天界面：与 AI 实时交流以完善图表
- 云架构图表支持：专门支持生成云架构图表（AWS、GCP、Azure）
- 动画连接器：创建动态和动画化的图表元素连接器
技术栈
- 框架：Next.js 16.x + React 19.x
- AI SDK：Vercel AI SDK (
ai+@ai-sdk/*) - 图表渲染：react-drawio
- 样式：Tailwind CSS 4.x
- UI 组件：Radix UI + shadcn/ui
- 多语言支持：i18n
- 桌面应用：Electron
- 部署：Vercel / Cloudflare Workers / EdgeOne Pages
2. 整体架构