MCP server that streams hand-drawn Excalidraw diagrams with smooth viewport camera control and interactive fullscreen editing.
Fork note: This is an independently maintained fork of antonpk1/excalidraw-mcp-app. Changes here may not be submitted upstream.
Works with any client that supports MCP Apps — Claude, ChatGPT, VS Code, Goose, and others. If something doesn't work, please open an issue.
For apps that don't yet have an official integration, you can add a custom MCP / connector (naming can vary between apps).
Option A: Download Extension
- Download
excalidraw-mcp-app.mcpbfrom Releases - Double-click to install in Claude Desktop
Option B: Build from Source
git clone https://github.com/wongfei2009/excalidraw-mcp.git
cd excalidraw-mcp
npm install && npm run buildAdd to ~/Library/Application Support/Claude/claude_desktop_config.json:
{
"mcpServers": {
"excalidraw": {
"command": "node",
"args": ["/path/to/excalidraw-mcp/dist/index.js", "--stdio"]
}
}
}Restart Claude Desktop.
Example prompts:
- "Draw a cute cat using excalidraw"
- "Draw an architecture diagram showing a user connecting to an API server which talks to a database"
Text responses can only go so far. Sometimes users need to interact with data, not just read about it. MCP Apps is an official Model Context Protocol extension that lets servers return interactive HTML interfaces (data visualizations, forms, dashboards) that render directly in the chat.
- Getting started for humans: documentation
- Getting started for AIs: skill
PRs welcome! See Local above for build instructions.
You can deploy your own copy to Vercel in a few clicks:
- Fork this repo
- Go to vercel.com/new and import your fork
- No environment variables needed — just deploy
- Your server will be at
https://your-project.vercel.app/mcp
Built with Excalidraw — a virtual whiteboard for sketching hand-drawn like diagrams.
Original project by antonpk1.
MIT
