MCP服务器可流畅流式手绘Excalidraw图解，支持流畅的视口摄像机控制和互动式全屏编辑。

安装

支持任何支持 MCP 应用的客户端——Claude、ChatGPT、VS Code、Goose 等。如果有问题，请开启问题。

远程（推荐）

https://mcp.excalidraw.com

对于还没有官方集成的应用，你可以添加自定义的MCP/连接器（不同应用的命名可能不同）。

本地

选项A：下载扩展

1. 从发行中下载 excalidraw-mcp-app.mcpb
2. 双击安装 Claude Desktop

选项B：从源代码构建

添加到~/Library/Application Support/Claude/claude_desktop_config.json：

重启 Claude Desktop。

用途

示例提示：

• “用Excalidraw画一只可爱的猫”
• “绘制一个架构图，显示用户连接到与数据库通信的API服务器”

什么是MCP应用，我该如何构建一个？

短信回复的效果有限。有时用户需要与数据互动，而不仅仅是阅读数据。

Excalidraw MCP App Server

MCP server that streams hand-drawn Excalidraw diagrams with smooth viewport camera control and interactive fullscreen editing.

Install

Works with any client that supports MCP Apps — Claude, ChatGPT, VS Code, Goose, and others. If something doesn’t work, please open an issue.

Remote (recommended)

https://mcp.excalidraw.com

For apps that don’t yet have an official integration, you can add a custom MCP / connector (naming can vary between apps).

Local

Option A: Download Extension

1. Download excalidraw-mcp-app.mcpb from Releases
2. Double-click to install in Claude Desktop

Option B: Build from Source

git clone https://github.com/excalidraw/excalidraw-mcp.git
cd excalidraw-mcp-app
pnpm install && pnpm run build

Add 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.

Usage

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”

What are MCP Apps and how can I build one?

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

Contributing

PRs welcome! See Local above for build instructions.

Deploy your own instance

You can deploy your own copy to Vercel in a few clicks:

1. Fork this repo
2. Go to vercel.com/new and import your fork
3. No environment variables needed — just deploy
4. Your server will be at https://your-project.vercel.app/mcp

Release checklist

Credits

Built with Excalidraw — a virtual whiteboard for sketching hand-drawn like diagrams.

License

MIT