Interactive Drawer

What it does

Interactive Drawer gives LLMs an MCP interface to the Excalidraw diagramming canvas. The AI calls create_view with element data, and a live shareable viewer URL is returned. Users open the link in their browser to see, edit, pan, zoom, and export the diagram — no manual drawing required. Sessions persist for 24 hours and the LLM can read back any edits the user makes via get_current_view.

Key features

• Two modes: Web (HTTP MCP + REST API + built-in viewer on one port) and Studio (stdin/stdout for Claude Desktop, Cursor, etc.)
• Live viewer: Each diagram gets a /view/:key URL — full Excalidraw editor in the browser with SVG/PNG export
• Bi-directional: LLM can read user edits back via get_current_view, enabling iterative collaborative drawing
• Drawing style picker: Font (Excalifont, Nunito, Comic Shanns) and sloppiness (Architect, Artist, Cartoonist) customisation per diagram
• No install needed: npx interactive-drawer in web mode or --stdio for local MCP clients

Installation

Claude Desktop (studio mode):

{
  "mcpServers": {
    "excalidraw": {
      "command": "npx",
      "args": ["interactive-drawer", "--stdio"]
    }
  }
}

VS Code Copilot / Cursor (web mode — start server first with npx interactive-drawer):

{
  "mcpServers": {
    "excalidraw": {
      "url": "http://localhost:3001/mcp"
    }
  }
}

Claude.ai web: Add http://localhost:3001/mcp in Settings → Integrations (requires server running locally or hosted).

Supported hosts

Confirmed: Claude Desktop, Cursor, Goose, Claude Code.