AI导哈

Excalidraw MCP应用服务器

一个流式传输手绘Excalidraw图表的MCP服务器，具有平滑的视口相机控制和交互式全屏编辑功能。

  • by BlockSecCA
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 BlockSecCA/excalidraw-mcp-app

使用说明

排除MCP应用服务器

叉子 antonpk1/excalidraw mcp应用程序

这个叉子使用 客户端检查点持久性 而不是上游的服务器端存储（Redis/文件）。权衡：检查点不会在会话之间持续存在，但磁盘上不会留下临时文件。看 docs/checkpoint-restore-fix.md 了解详情。

MCP服务器，通过平滑的视口相机控制和交互式全屏编辑流式传输手绘Excalidraw图。

安装

在 claude.ai:

  1. 首选 设置 → 连接器 → 添加自定义连接器
  2. 服务器URL: https://excalidraw-mcp-app.vercel.app/mcp
  3. 完成--开始在对话中使用Excalidraw

替代方案：本地服务器

选项A：下载扩展

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

选项B：从源代码构建

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

添加 ~/Library/Application Support/Claude/claude_desktop_config.json:

{
  "mcpServers": {
    "excalidraw": {
      "command": "node",
      "args": ["/path/to/excalidraw-mcp-app/dist/index.js", "--stdio"]
    }
  }
}

重新启动克劳德桌面。

用法

示例提示：

  • “使用excalidraw绘制一只可爱的猫”
  • “绘制一个体系结构图，显示用户连接到与数据库对话的API服务器”

发布新版本

# 1. Make changes, commit, push
git add -A && git commit -m "..." && git push

# 2. Bump version in manifest.json and package.json

# 3. Rebuild
npm run build

# 4. Pack the .mcpb bundle
mcpb pack .

# 5. Create GitHub release with bundle attached
gh release create v0.2.0 excalidraw-mcp-app.mcpb --title "v0.2.0" --notes "What changed"

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

文本回复只能到此为止。有时用户需要与数据交互，而不仅仅是阅读数据。 MCP应用程序 是一个官方的模型上下文协议扩展，允许服务器返回直接在聊天中呈现的交互式HTML界面（数据可视化、表单、仪表板）。

学分

建于 白板绘图 --用于绘制手绘图表的虚拟白板。

许可证

麻省理工学院

相关 MCP