DayuanJiang/next-ai-draw-io

Draw and edit draw.io diagrams by chatting with an AI. Web app, desktop app, and an MCP server for Claude Code, Cursor, Codex and VS Code.

装之前：没有可直接复制的命令 · 许可证 Apache-2.0 · 链接可访问

第一步：claude mcp add --scope user drawio -- npx @next-ai-drawio/mcp-server@latest

无 SECURITY.md

在 GitHub 查看 ↗链接已于 2026-11-12 核查 · HTTP 200 · 打开的是厂商自己的官网

安装与配置

客户端配置（取自该仓库的安装命令）

{
  "mcpServers": {
    "dayuanjiang-next-ai-draw-io-tree-main-pa": {
      "command": "npx",
      "args": ["@next-ai-drawio/mcp-server@latest"]
    }
  }
}

解析自我们于 2026-10-26 抓取的该仓库 README；我们未执行过。

command/args 来自仓库写明的安装命令；不确定时请以该项目 README 为准。

VS Code（.vscode/mcp.json —— 键名是 servers）

{
  "servers": {
    "dayuanjiang-next-ai-draw-io-tree-main-pa": {
      "command": "npx",
      "args": ["@next-ai-drawio/mcp-server@latest"]
    }
  }
}

VS Code 顶层键是 <code>servers</code>，其余与上面那份相同。

Claude Code（命令行）

claude mcp add --transport stdio dayuanjiang-next-ai-draw-io-tree-main-pa -- npx @next-ai-drawio/mcp-server@latest

Claude Code 不收 JSON 文件，用这条命令直接加。

配置项的键名以你的客户端为准：客户端与 CLI

★ 数取值: 36,933 ★ · DayuanJiang/next-ai-draw-io · 取自 GitHub 搜索 API · （2026-11-13 20:00:50 核对）
来源明细: 收录自 punkpeye/awesome-mcp-servers 榜单（我们从中收集的条目之一） · 条目类型：MCP 服务
收录与活跃: 收录于 2026-10-23 · 最近见到 2026-11-14 · 共见到 26 次 · 被 23 个来源列出
评分构成: 综合分 2,300 · 36,933 ★ · 23 个来源 · mcp
安装: npx @next-ai-drawio/mcp-server@latest

常见问题（答案都来自我们的记录）

怎么安装？

该仓库给出的安装命令是 npx @next-ai-drawio/mcp-server@latest。我们的记录里它是仓库自己提供的；不保证在你的客户端上直接可用。

它适合谁 / 用来做什么？

我们把它归在这些标签下: MCP 服务。标签来自条目自身，不是我们强加的分类。

谁维护它、还在更新吗？

仓库 DayuanJiang/next-ai-draw-io；我们收录于 2026-10-23；最近见到 2026-11-14。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。

# Next AI Draw.io

以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →

Draw and edit draw.io diagrams by chatting with an AI.
English | 中文 | 日本語
Live Demo · Docs · Gallery · Desktop App · MCP Server
https://github.com/user-attachments/assets/66b9f12f-219f-4d62-acc0-0725e6850eec
Describe a diagram in a sentence and the AI draws it on a real draw.io canvas. Edit it by hand like any draw.io file, or select a few shapes and tell the AI what to change. Every AI change is a version you can compare, restore or undo, and the result exports as .drawio, .png or .svg.
Available as a web app, a desktop app for Windows, macOS and Linux, and an MCP server for AI agents such as Claude Code, Cursor and VS Code.
## Highlights
Draw
Architecture diagrams, flowcharts, sequence diagrams and more from one sentence, with built-in AWS, Azure, GCP and Kubernetes icon libraries
Connectors can carry a flowing animation
Upload a screenshot or a sketch and the AI redraws it; upload PDF, Markdown, code and other text files and get a diagram of their content
Edit
Edit by chat: changes stream onto the canvas and the shapes the AI just changed are highlighted
Ask about a selection: select shapes on the canvas and the AI changes only those
Versions and undo: every AI change is a version card with a thumbnail; compare it with the canvas, restore it or undo it, and Ctrl+Z on the canvas also takes back an AI change in one step
It is a normal draw.io diagram: double-click to rename, drag, restyle, use several pages, and export as .drawio, .png, .svg or .drawio.svg at any time
Use
25 model providers, including an OpenAI-compatible preset for any other URL; enter your own API key in the browser and it stays on your machine
Models that reason show their thinking
Dark mode; the interface is available in English, Simplified Chinese, Traditional Chinese and Japanese
## Examples
Highly available web app on AWS
Prompt: Draw an AWS architecture for a highly available web app across two Availability Zones with AWS icons: Route 53, CloudFront with AWS WAF, an Application Load Balancer, ECS Fargate services in private subnets, Aurora PostgreSQL with a writer and a reader, ElastiCache for Redis, S3 for static assets, NAT gateways, and CloudWatch for monitoring.
Model: Claude Opus 5.5, in Claude Code with the MCP server
Kubernetes deployment for a web shop
Prompt: Draw a Kubernetes deployment for a web shop: an ingress, web and API deployments with their services and pods, a Redis StatefulSet with a persistent volume, a ConfigMap, a Secret, and an autoscaler on the API.
Model: Claude Opus 5.5, in Claude Code with the MCP server
ER diagram of an online shop
Prompt: Draw an ER diagram for an online shop: customers, addresses, orders, order items, products, categories and payments, with primary and foreign keys and the cardinality of each relationship.
Model: Claude Opus 5.5, in Claude Code with the MCP server
BPMN expense claim process
Prompt: Draw a BPMN process for an expense claim: an employee submits it, the manager approves or rejects it, finance checks the receipts and pays, and the claim goes back to the employee when receipts are missing.
Model: Claude Opus 5.5, in Claude Code with the MCP server
Transformer architecture with animated connectors

收录徽章（可选）

想把收录标记放进 README 就复制这行，可选，不影响收录。

[![Listed on Anclum](https://anclum.com/badge/listed.svg)](https://anclum.com/zh/s/dayuanjiang-next-ai-draw-io-tree-main-packages-mcp-server/)

来源: awesome · https://github.com/DayuanJiang/next-ai-draw-io/tree/main/packages/mcp-
按领域浏览: MCP 服务
Traction: 36,933 ★（父仓库总星标，不是这一条自己的）
收录来源: 23 个独立来源
收录于: 今天
安全策略: 我们没在该仓库根目录找到 SECURITY.md（这不代表不安全）

所属领域与标签

MCP 服务6,229 条 MCP 服务端6,545 条入选精选清单6,618 条

每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。

浏览全部领域 →

← 返回索引

DayuanJiang/next-ai-draw-io

# Next AI Draw.io

同类推荐

所属领域与标签