SuperAPI AI 工具集

excalidraw-skill

智能体与模型

查看项目

更新于 10-16 00:00

技能介绍

用途:让智能体以编程方式在 Excalidraw 画布上创建、编辑和精修图表,支持实时同步与迭代式视觉质检。

连接模式检测:先运行 mcp-cli tools | grep excalidraw 判断是否有 MCP 服务;若无,用 curl -s http://localhost:3000/health 检测 REST API(返回 {"status":"ok"} 即可用);两者都不可用时引导用户安装:git clone https://github.com/yctimlin/mcp_excalidraw && cd mcp_excalidraw,npm ci && npm run build,HOST=0.0.0.0 PORT=3000 npm run canvas,并在浏览器打开 http://localhost:3000。可选安装 MCP:claude mcp add excalidraw -s user -e EXPRESS_SERVER_URL=http://localhost:3000 -- node /path/to/mcp_excalidraw/dist/index.js。

主要能力:批量创建元素、查询/更新/删除元素、清空画布、描述场景、导入导出场景、快照保存与恢复、截图、视口控制、导出图片与生成 excalidraw.com 分享链接。MCP 与 REST 端点一一对应,如 batch_create_elements 对应 POST /api/elements/batch。

使用要点:REST 模式下形状标签须用 "label": {"text": "..."},箭头绑定用 "start": {"id": "..."} / "end": {"id": "..."};MCP 模式用 startElementId/endElementId 并自动转换。fontFamily 须为字符串或省略。复杂图用带 waypoints 的曲线或 elbowed 直角箭头绕开障碍。

质量门禁:每轮迭代后必须截图并按清单检查文字截断、元素重叠、箭头穿越、间距(≥40px)、字号(正文≥16、标题≥20),发现问题先修复再继续。

限制:截图、视口、导出图片需浏览器打开;REST 模式无截图与设计指南工具;具体收费与平台支持暂未提供。