excalidraw-mcp-server

> 📦 This is a fork and npm package version maintained by [@fromsko](https://github.com/fromsko) > 🙏 Original project by [@yctimlin](https://github.com/yctimlin/mcp_excalidraw) > 📋 Package name: `@fromsko/excalidraw-mcp-server`

A comprehensive TypeScript-based system that combines Excalidraw's powerful drawing capabilities with Model Context Protocol (MCP) integration, enabling AI agents to create and manipulate diagrams in real-time on a live canvas.

> 📋 Choose Your Installation Method

| Version | Status | Recommended For | | --------------------- | ---------------------------- | ------------------- | | Local Development | ✅ FULLY TESTED | 🎯 RECOMMENDED | | NPM Published | 🔧 DEBUGGING IN PROGRESS | Development testing | | Docker Version | 🔧 UNDER DEVELOPMENT | Future deployment |

For the most stable experience, we recommend using the local development setup. We're actively working on improving the NPM package and Docker deployment options.

• NPM Package: Currently debugging MCP tool registration issues
• Docker Version: Improving canvas synchronization reliability
• Local Version: ✅ All features fully functional

• 🎨 Live Canvas: Real-time Excalidraw canvas accessible via web browser
• 🤖 AI Integration: MCP server allows AI agents (like Claude) to create visual diagrams
• ⚡ Real-time Sync: Elements created via MCP API appear instantly on the canvas
• 🔄 WebSocket Updates: Live synchronization across multiple connected clients
• 🏗️ Production Ready: Clean, minimal UI suitable for end users

> See MCP Excalidraw in Action!

[![MCP Excalidraw Demo](https: