Enables the creation and management of hand-drawn diagrams and virtual whiteboard sketches, featuring smooth viewport camera control and interactive fullscreen editing.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type @ followed by the MCP server name and your instructions, e.g., "@Excalidraw MCP App Server draw a flowchart for the user login process"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
MCP server that streams hand-drawn Excalidraw diagrams with smooth viewport camera control and interactive fullscreen editing.
Works with any client that supports MCP Apps — Claude, ChatGPT, VS Code, Goose, and others. If something doesn't work, please open an issue.
https://excalidraw-mcp-app.vercel.app/mcpAdd as a remote MCP server in your client. For example, in claude.ai: Settings → Connectors → Add custom connector → paste the URL above.
Option A: Download Extension
Download excalidraw-mcp-app.mcpb from Releases
Double-click to install in Claude Desktop
Option B: Build from Source
git clone https://github.com/antonpk1/excalidraw-mcp-app.git
cd excalidraw-mcp-app
npm install && npm run buildAdd to ~/Library/Application Support/Claude/claude_desktop_config.json:
{
"mcpServers": {
"excalidraw": {
"command": "node",
"args": ["/path/to/excalidraw-mcp-app/dist/index.js", "--stdio"]
}
}
}Restart Claude Desktop.
Related MCP server: excalidraw-mcp
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
# 1. Bump version in manifest.json and package.json
# 2. Build and pack
npm run build && mcpb pack .
# 3. Create GitHub release
gh release create v0.3.0 excalidraw-mcp-app.mcpb --title "v0.3.0" --notes "What changed"
# 4. Deploy to Vercel
vercel --prodBuilt with Excalidraw — a virtual whiteboard for sketching hand-drawn like diagrams.
MIT
This server cannot be deployed
Real-time collaborative whiteboard — AI agents and humans edit the same board live over MCP.
AI agent draws editable hand-drawn diagrams (flowchart, ER, architecture) via MCP, not static images
MCP-native collaborative markdown editor with real-time AI document editing
Create and manage Mermaid.js flowcharts and diagrams with AI agents via MCP.
