📦

excalidraw

Model Context Protocol (MCP) server for Excalidraw - Work in Progress

0 installs

Trust: 64 — Good

Installation

npx @cmd8/excalidraw-mcp

Ask AI about excalidraw

I know everything about excalidraw. Ask me about installation, configuration, usage, or troubleshooting.

0/500

Loading tools...

Reviews

Documentation

@cmd8/excalidraw-mcp

Model Context Protocol (MCP) server for Excalidraw diagrams.

🛠️ Installation

Requirements

Node.js >= v18.0.0

Install in Cursor

Add to your Cursor MCP config (~/.cursor/mcp.json):

{
  "mcpServers": {
    "excalidraw": {
      "command": "npx",
      "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]
    }
  }
}

Install in Claude Code

claude mcp add excalidraw -- npx -y @cmd8/excalidraw-mcp --diagram /path/to/diagram.excalidraw

Install in Amp

amp mcp add excalidraw -- npx -y @cmd8/excalidraw-mcp --diagram /path/to/diagram.excalidraw

Install in VS Code

Add to your VS Code MCP settings:

{
  "mcp": {
    "servers": {
      "excalidraw": {
        "type": "stdio",
        "command": "npx",
        "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]
      }
    }
  }
}

Install in Windsurf

Add to your Windsurf MCP config:

{
  "mcpServers": {
    "excalidraw": {
      "command": "npx",
      "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]
    }
  }
}

Install in Claude Desktop

Add to your claude_desktop_config.json:

{
  "mcpServers": {
    "excalidraw": {
      "command": "npx",
      "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]
    }
  }
}

Install in OpenAI Codex

Add to your Codex MCP config:

[mcp_servers.excalidraw]
command = "npx"
args = ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]

CLI Options

-d, --diagram (required): Path to the Excalidraw diagram file

🔨 Available Tools

`createNode`

Create a new node (shape with label) in the diagram. Returns the created node ID.

`createEdge`

Create an arrow connecting two nodes. Nodes can be referenced by ID or by label text.

`deleteElement`

Delete a node or edge from the diagram by ID or label.

`getFullDiagramState`

Returns a markdown representation of the complete diagram, including nodes, relationships, labels, frames, and colors.

License

MIT