Smart Drawio

Developer Tools npm v0.1.0

Generate, validate, repair and style editable draw.io XML diagrams.

View source ↗ Generate config for multiple servers More servers

Install

Run one of the commands below, then pick your client in the next section.

npm
npx -y @yunshenwuchuxun/smart-drawio-mcp

Setup by client

Pick your client — the config below is generated for this server (local stdio).

claude_desktop_config.json

{
  "mcpServers": {
    "smart-drawio": {
      "command": "npx",
      "args": [
        "-y",
        "@yunshenwuchuxun/smart-drawio-mcp"
      ],
      "env": {
        "SMART_DRAWIO_API_KEY": "<YOUR_SMART_DRAWIO_API_KEY>"
      }
    }
  }
}

Format verified against the official Claude Desktop docs ↗.

terminal

claude mcp add --env SMART_DRAWIO_API_KEY=<YOUR_SMART_DRAWIO_API_KEY> smart-drawio -- npx -y @yunshenwuchuxun/smart-drawio-mcp

Format verified against the official Claude Code docs ↗.

.cursor/mcp.json

{
  "mcpServers": {
    "smart-drawio": {
      "command": "npx",
      "args": [
        "-y",
        "@yunshenwuchuxun/smart-drawio-mcp"
      ],
      "env": {
        "SMART_DRAWIO_API_KEY": "<YOUR_SMART_DRAWIO_API_KEY>"
      }
    }
  }
}

Format verified against the official Cursor docs ↗.

.vscode/mcp.json

{
  "servers": {
    "smart-drawio": {
      "command": "npx",
      "args": [
        "-y",
        "@yunshenwuchuxun/smart-drawio-mcp"
      ],
      "env": {
        "SMART_DRAWIO_API_KEY": "<YOUR_SMART_DRAWIO_API_KEY>"
      }
    }
  }
}

Format verified against the official VS Code docs ↗.

mcp_config.json

{
  "mcpServers": {
    "smart-drawio": {
      "command": "npx",
      "args": [
        "-y",
        "@yunshenwuchuxun/smart-drawio-mcp"
      ],
      "env": {
        "SMART_DRAWIO_API_KEY": "<YOUR_SMART_DRAWIO_API_KEY>"
      }
    }
  }
}

Format verified against the official Windsurf docs ↗.

Environment variables

Defined in the server's official registry manifest. Required secrets are shown as <YOUR_…> placeholders in the configs above.

SMART_DRAWIO_PROVIDER — openai or anthropic; required only for model generation
SMART_DRAWIO_BASE_URL — Model provider HTTP(S) base URL; required only for model generation
SMART_DRAWIO_API_KEY secret — Your model provider API key; required only for model generation
SMART_DRAWIO_MODEL — Model identifier; required only for model generation

About this server

Distributed as npm, listed under Developer Tools. Review our MCP security guide before granting access to real data.

Frequently asked questions

How do I install Smart Drawio?

Run the install command shown above, then paste the config for your client (Claude Desktop, Claude Code, Cursor, VS Code or Windsurf) into its MCP settings and restart the client.

Is Smart Drawio free to use?

The MCP server itself is free to install. The source is public on https://github.com/yunshenwuchuxun/smart-drawio-next. Any third-party service it calls may require its own API key and account.

Which clients support Smart Drawio?

Any MCP-compatible client can use it, including Claude Desktop, Claude Code, Cursor, VS Code, Windsurf and custom agents.

Add this badge

Publish this server? Link back with a badge on your README or site — copy either snippet.

Markdown

[![Listed on MCPNav](https://mcpnav.net/badge/smart-drawio.svg)](https://mcpnav.net/server/smart-drawio/)

HTML

<a href="https://mcpnav.net/server/smart-drawio/"><img src="https://mcpnav.net/badge/smart-drawio.svg" alt="Listed on MCPNav" height="20"></a>