excalidraw-mcp
by cmd8·★ 4·综合分 38
用于创建和编程编辑 Excalidraw 图表的 MCP 服务器,提供节点和边操作工具。
概述
这个 MCP 服务器通过模型上下文协议提供与 Excalidraw 图表交互的工具。它允许创建节点(带标签的形状)、在节点之间创建边、删除元素以及检索完整的图表状态。该服务器支持多种集成方式,包括 Claude Desktop、Cursor、VS Code 和其他 AI 编程环境。使用 TypeScript 实现,表明具有良好的类型安全和可维护性。
试试问 AI
装完之后,这里有 5 个你可以让 AI 做的事:
什么时候选它
当您需要 AI 系统以编程方式与 Excalidraw 图表交互时,请选择此 MCP 服务器,特别是如果您已经在使用 Excalidraw 进行视觉文档或设计工作。
什么时候不要选它
如果您需要使用 Excalidraw 以外的图表格式,或者需要此实现未提供的高级图表操作功能,请不要选择此服务器。
此 server 暴露的工具
从 README 抽取出 4 个工具createNodeCreate a new node (shape with label) in the diagram. Returns the created node ID.
createEdgeCreate an arrow connecting two nodes. Nodes can be referenced by ID or by label text.
deleteElementDelete a node or edge from the diagram by ID or label.
getFullDiagramStateReturns a markdown representation of the complete diagram, including nodes, relationships, labels, frames, and colors.
可对比工具
安装
安装
Claude Desktop
将以下内容添加到 claude_desktop_config.json:
{
"mcpServers": {
"excalidraw": {
"command": "npx",
"args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]
}
}
}其他客户端
- **Cursor**: 添加到
~/.cursor/mcp.json - **Claude Code**:
claude mcp add excalidraw -- npx -y @cmd8/excalidraw-mcp --diagram /path/to/diagram.excalidraw - **VS Code**: 添加到 VS Code MCP 设置,类型为 "stdio"
- **Amp**:
amp mcp add excalidraw -- npx -y @cmd8/excalidraw-mcp --diagram /path/to/diagram.excalidraw - **Windsurf**: 添加到 MCP 配置
需要 Node.js >= v18.0.0
FAQ
- 这个服务器支持哪些文件格式?
- 该服务器专门使用 .excalidraw 文件,这是 Excalidraw 图表的原生格式。
- 我可以将其与列出的其他 AI 编程助手一起使用吗?
- 如果您的 AI 编程环境支持 MCP 服务器,应该可以使用安装说明中显示的 stdio 方法。
excalidraw-mcp 对比
最后更新于 · 由 README + GitHub 公开数据自动生成。