Mcp Excalidraw
What is Mcp Excalidraw
mcp-excalidraw is an MCP server that facilitates the creation of Excalidraw diagrams through various hosts such as Claude Desktop and Cursor, providing a live web app preview of the diagrams.
Use cases
Use cases include creating flowcharts for project planning, designing user interfaces, and collaborating on visual projects in real-time with team members.
How to use
To use mcp-excalidraw, clone the repository, run ‘npm i’ to install dependencies, and then ‘npm run build’ to build the project. Configure the MCP server for the relevant host by specifying the command and arguments in the configuration file.
Key features
Key features include live web app preview of diagrams, compatibility with multiple hosts, and easy setup and configuration through npm commands.
Where to use
mcp-excalidraw can be utilized in various fields such as education for creating visual aids, software development for diagramming architecture, and remote collaboration for brainstorming sessions.
Clients Supporting MCP
The following are the main client software that supports the Model Context Protocol. Click the link to visit the official website for more information.
Overview
What is Mcp Excalidraw
mcp-excalidraw is an MCP server that facilitates the creation of Excalidraw diagrams through various hosts such as Claude Desktop and Cursor, providing a live web app preview of the diagrams.
Use cases
Use cases include creating flowcharts for project planning, designing user interfaces, and collaborating on visual projects in real-time with team members.
How to use
To use mcp-excalidraw, clone the repository, run ‘npm i’ to install dependencies, and then ‘npm run build’ to build the project. Configure the MCP server for the relevant host by specifying the command and arguments in the configuration file.
Key features
Key features include live web app preview of diagrams, compatibility with multiple hosts, and easy setup and configuration through npm commands.
Where to use
mcp-excalidraw can be utilized in various fields such as education for creating visual aids, software development for diagramming architecture, and remote collaboration for brainstorming sessions.
Clients Supporting MCP
The following are the main client software that supports the Model Context Protocol. Click the link to visit the official website for more information.
Content
Excalidraw MCP
MCP server creating Excalidraw diagrams via Claude Desktop, Cursor, or other hosts with a live web app preview.
Setup
From repo root, run
npm i npm run build
Configure MCP server for the relevant host
{ "mcpServers": { "excalidraw": { "command": "node", "args": [ "<repo_root>\\build\\index.js" ] } } }
Example
Dev Tools Supporting MCP
The following are the main code editors that support the Model Context Protocol. Click the link to visit the official website for more information.
