mcp_excalidraw

Normal
GitHub JavaScript MIT

Description

mcp_excalidraw is an MCP server and Claude Code skill for Excalidraw, letting AI agents programmatically create, query, and modify elements on a whiteboard canvas for system diagrams and flow charts.

Key Features

  • Programmatic canvas — Create/update/query/delete Excalidraw elements via MCP tools
  • Architecture diagram generation — Convert repository structure into a visual component diagram
  • Claude Code skill — Bundled SKILL.md auto-loaded when Claude Code starts
  • Template library — Built-in templates for common architectures, flows, and UML
  • Dual export — Outputs both .excalidraw and .png/.svg
  • MCP ecosystem compatible — Callable from any MCP client (Claude Desktop, Cursor, Cline)

Use Cases

💡 Have Claude Code draw a module dependency map of the current repo on the whiteboard
💡 Have AI draft architecture sketches in real time during team review meetings
💡 Auto-generate architecture diagrams and export them while writing docs
💡 Quickly turn natural language into UML/ER/sequence diagrams
💡 Upgrade text-heavy READMEs into interactive whiteboards

Tags

mcp excalidraw whiteboard diagram claude-code

Categories

🔌 MCP Tools

Quick Start

# Install via the Claude Code skill marketplace
claude skill add yctimlin/mcp_excalidraw

# Start the MCP server
pip install mcp-excalidraw
mcp-excalidraw-server

# Use directly inside Claude Code
claude -p "Draw a 3-tier architecture diagram with PostgreSQL, FastAPI and React"

# Connect from Cursor via mcp.json
{
  "mcpServers": {
    "excalidraw": { "command": "mcp-excalidraw-server" }
  }
}
Visit GitHub Visit Website

Related Projects