D
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.
no SECURITY.md
View on GitHub ↗Link checked 2026-11-12 · HTTP 200 · opens the vendor's own site
Install & config
Client config (built from the install command this repo gives)
{
"mcpServers": {
"dayuanjiang-next-ai-draw-io-tree-main-pa": {
"command": "npx",
"args": ["@next-ai-drawio/mcp-server@latest"]
}
}
}Parsed from the README we fetched on 2026-10-26; we have not executed it.
command/args come from the install command the repository states. When it is ambiguous, the project README wins.
VS Code (.vscode/mcp.json - the key is servers)
{
"servers": {
"dayuanjiang-next-ai-draw-io-tree-main-pa": {
"command": "npx",
"args": ["@next-ai-drawio/mcp-server@latest"]
}
}
}Same server, but VS Code keeps it under <code>servers</code>.
Claude Code (command line)
claude mcp add --transport stdio dayuanjiang-next-ai-draw-io-tree-main-pa -- npx @next-ai-drawio/mcp-server@latest
Claude Code does not read a config file; add the server with this command.
Key names differ by client: Clients & CLI
- Star count
- 36,933 ★ · DayuanJiang/next-ai-draw-io · read from the GitHub search API · (checked 2026-11-13 20:00:50)
- Source
- collected from the punkpeye/awesome-mcp-servers list · type: MCP server
- Harvest history
- first seen 2026-10-23 · last seen 2026-11-14 · seen 26× · listed by 23 sources
- Score
- score 2,300 · 36,933 ★ · 23 sources · mcp
- Install
npx @next-ai-drawio/mcp-server@latest
FAQ (answers come from our records)
How do I install it?
The repository provides this install command:
npx @next-ai-drawio/mcp-server@latest. It comes from the repository itself; we cannot guarantee it runs as-is in your client.Who is it for?
We filed it under these tags: MCP 服务. The tags come from the entry itself, not a taxonomy we imposed.
Who maintains it?
repository
DayuanJiang/next-ai-draw-io；first catalogued 2026-10-23；last seen 2026-11-14。There is no official certification or quality rating here — we record sources and dates only.# 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
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
Listed badge (optional)
Copy this line into the README if you want the listing mark. Optional, and it does not affect being listed.
[](https://anclum.com/en/s/dayuanjiang-next-ai-draw-io-tree-main-packages-mcp-server/)
- Source
- awesome · https://github.com/DayuanJiang/next-ai-draw-io/tree/main/packages/mcp-
- Browse by field
- MCP servers
- Traction
- 36,933 ★ (parent repository total, not this entry's)
- Listed by
- 23 independent sources
- added
- today
- Security policy
- no
SECURITY.mdat the repository root (which does not mean it is unsafe)
More like this
Filed under
Every tag opens the full list for that filter. Counts are the live catalogue figures.