mcpField
E
excalidraw-mcp

excalidraw-mcp

本地服务
github.com/cmd8媒体与设计548 周前更新
代码仓库

关于 excalidraw-mcp

excalidraw-mcp 是用于编辑 Excalidraw 图表文件的 MCP 服务。它允许 MCP 客户端创建和连接节点、删除元素，并查看完整图表状态。

主要功能

  1. 01创建带标签的图表节点
  2. 02用箭头连接节点
  3. 03删除节点或边
  4. 04查看完整图表状态

适用场景

  1. 01用带标签的节点构建图表
  2. 02添加图表元素间的关系
  3. 03检查图表结构和标签

MCP 相关

它向 MCP 客户端提供创建、连接、删除和检查 Excalidraw 图表元素的工具。图表文件通过必需的 --diagram 选项指定。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
  "mcpServers": {
    "cmd8-excalidraw": {
      "command": "npx",
      "args": [
        "-y",
        "@cmd8/excalidraw-mcp"
      ]
    }
  }
}
启动命令npx -y @cmd8/excalidraw-mcp

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包
npm@cmd8/excalidraw-mcp1.2.0

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

详细介绍

@cmd8/excalidraw-mcp

用于 Excalidraw 图表的模型上下文协议（MCP）服务。

🛠️ 安装

要求
  • Node.js >= v18.0.0
在 Cursor 中安装

将以下内容添加到 Cursor MCP 配置（~/.cursor/mcp.json）：

{
  "mcpServers": {
    "excalidraw": {
      "command": "npx",
      "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]
    }
  }
}
在 Claude Code 中安装 
claude mcp add excalidraw -- npx -y @cmd8/excalidraw-mcp --diagram /path/to/diagram.excalidraw
在 Amp 中安装 
amp mcp add excalidraw -- npx -y @cmd8/excalidraw-mcp --diagram /path/to/diagram.excalidraw
在 VS Code 中安装

将以下内容添加到 VS Code MCP 设置中：

{
  "mcp": {
    "servers": {
      "excalidraw": {
        "type": "stdio",
        "command": "npx",
        "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]
      }
    }
  }
}
在 Windsurf 中安装

将以下内容添加到 Windsurf MCP 配置中：

{
  "mcpServers": {
    "excalidraw": {
      "command": "npx",
      "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]
    }
  }
}
在 Claude Desktop 中安装

将以下内容添加到 claude_desktop_config.json：

{
  "mcpServers": {
    "excalidraw": {
      "command": "npx",
      "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]
    }
  }
}
在 OpenAI Codex 中安装

将以下内容添加到 Codex MCP 配置中：

[mcp_servers.excalidraw]
command = "npx"
args = ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]

命令行选项

  • -d, --diagram（必需）：Excalidraw 图表文件的路径

🔨 可用工具

createNode

在图表中创建一个新节点（带标签的形状）。返回所创建节点的 ID。

createEdge

创建一条连接两个节点的箭头。可通过 ID 或标签文本引用节点。

deleteElement

通过 ID 或标签删除图表中的节点或边。

getFullDiagramState

返回完整图表的 Markdown 表示，其中包含节点、关系、标签、画框和颜色。

许可证

MIT

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。