cyberneticlibrary
← library

Build real-time diagrams with Excalidraw

mcp-excalidraw-serverskillsetup L3★0
yctimlin/mcp_excalidraw ↗
What it does

Create and control live Excalidraw diagrams programmatically with real-time sync

Best for

AI-driven architecture or flowchart generation with iterative refinement instead of one-shot Mermaid rendering

Inputs
  • · text description of diagram
  • · optional: element IDs to modify
  • · optional: scene snapshot for context
Outputs
  • · live Excalidraw canvas (http://127.0.0.1:3000)
  • · diagram state JSON
  • · PNG screenshot
Requires
  • · Node.js
  • · npm
  • · MCP client (Claude Desktop, Cursor, Codex)
  • · optional: Docker
Preconditions

Node.js installed; port 3000 free; MCP client configured

Failure modes
  • · Canvas server crashes if WebSocket sync fails
  • · Large diagrams slow UI rendering
Trust signals
  • · Real-time WebSocket sync between agent and canvas
  • · 26 MCP tools for element CRUD
  • · can_describe_scene and get_screenshot enable feedback loops