MCP Catalogs
首页

excalidraw-mcp

by cmd8·4·综合分 38

用于创建和编程编辑 Excalidraw 图表的 MCP 服务器,提供节点和边操作工具。

productivitydeveloper-toolsai-llm
1
Forks
2
活跃 Issue
6 个月前
最近提交
2 天前
收录于

概述

这个 MCP 服务器通过模型上下文协议提供与 Excalidraw 图表交互的工具。它允许创建节点(带标签的形状)、在节点之间创建边、删除元素以及检索完整的图表状态。该服务器支持多种集成方式,包括 Claude Desktop、Cursor、VS Code 和其他 AI 编程环境。使用 TypeScript 实现,表明具有良好的类型安全和可维护性。

试试问 AI

装完之后,这里有 5 个你可以让 AI 做的事:

:基于系统架构文档自动生成和更新 Excalidraw 图表
:通过让 AI 代理以编程方式修改元素来实现图表协作
:在 AI 助手中直接创建代码结构或系统设计的可视化图表
:这个服务器支持哪些文件格式?
:我可以将其与列出的其他 AI 编程助手一起使用吗?

什么时候选它

当您需要 AI 系统以编程方式与 Excalidraw 图表交互时,请选择此 MCP 服务器,特别是如果您已经在使用 Excalidraw 进行视觉文档或设计工作。

什么时候不要选它

如果您需要使用 Excalidraw 以外的图表格式,或者需要此实现未提供的高级图表操作功能,请不要选择此服务器。

此 server 暴露的工具

从 README 抽取出 4 个工具
  • createNode

    Create a new node (shape with label) in the diagram. Returns the created node ID.

  • createEdge

    Create an arrow connecting two nodes. Nodes can be referenced by ID or by label text.

  • deleteElement

    Delete a node or edge from the diagram by ID or label.

  • getFullDiagramState

    Returns a markdown representation of the complete diagram, including nodes, relationships, labels, frames, and colors.

可对比工具

drawio-mcpmermaid-mcpdiagrams.net-mcp

安装

安装

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 对比

GitHub →

最后更新于 · 由 README + GitHub 公开数据自动生成。