项目简介

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等
  • 图表历史管理:记录所有修改版本,可查看和恢复历史状态

安装步骤

  1. 通过npm直接安装MCP服务器:'npx @next-ai-drawio/mcp-server@latest'
  2. 无需额外配置,启动后自动运行嵌入式HTTP服务器

服务器配置

在AI助手客户端(如Claude Desktop、Cursor、VS Code)中配置MCP服务器:

  • 服务器名称:drawio
  • 启动命令:npx
  • 参数:@next-ai-drawio/mcp-server@latest

基本使用方法

  1. 启动MCP服务器后,调用'start_session'工具开启浏览器预览窗口
  2. 使用'display_diagram'创建全新图表
  3. 使用'edit_diagram'在现有图表上添加、修改或删除元素
  4. 通过'get_diagram'查看当前图表状态
  5. 使用'export_diagram'将图表导出为.drawio文件

信息

分类

桌面与硬件