项目简介
Next AI Draw.io是一个基于Next.js的Web应用,集成了AI能力与draw.io图表工具。通过MCP服务器,可以让Claude、Cursor等AI助手直接生成和修改图表,并在浏览器中实时预览。
主要功能点
- AI生成图表:使用自然语言命令创建draw.io图表
- 实时浏览器预览:在AI助手操作图表时,浏览器会自动同步显示最新状态
- 多种操作模式:支持创建新图表、编辑现有图表、添加删除元素
- 云端架构支持:特别支持AWS、GCP、Azure架构图生成
- 文件上传处理:支持PDF、文本文件和图片上传,从中提取内容生成图表
- 多AI提供商:支持OpenAI、Anthropic、Google AI、Azure OpenAI、Ollama等
- 图表历史管理:记录所有修改版本,可查看和恢复历史状态
安装步骤
- 通过npm直接安装MCP服务器:'npx @next-ai-drawio/mcp-server@latest'
- 无需额外配置,启动后自动运行嵌入式HTTP服务器
服务器配置
在AI助手客户端(如Claude Desktop、Cursor、VS Code)中配置MCP服务器:
- 服务器名称:drawio
- 启动命令:npx
- 参数:@next-ai-drawio/mcp-server@latest
基本使用方法
- 启动MCP服务器后,调用'start_session'工具开启浏览器预览窗口
- 使用'display_diagram'创建全新图表
- 使用'edit_diagram'在现有图表上添加、修改或删除元素
- 通过'get_diagram'查看当前图表状态
- 使用'export_diagram'将图表导出为.drawio文件
信息
分类
桌面与硬件