用途：该技能教 AI 智能体如何借助 MCP Apps 扩展构建 MCP 服务器，使其返回可交互的 Excalidraw 图表，把手绘风格示意图直接流式呈现在 Claude Desktop、ChatGPT、VS Code、Goose 等 AI 聊天界面中。
主要能力：一是交互式图表渲染，服务器返回渲染 Excalidraw 画布的 HTML 应用；二是流式更新，支持渐进式构建图表并控制视口（scrollX、scrollY、zoom）；三是全屏编辑，用户可在模态框中点击编辑；四是可远程或本地部署，可作为 Vercel 无服务器函数或本地 Node.js 进程运行。核心机制是 MCP Apps 扩展允许服务器返回 text/html 资源而非纯文本，图表数据采用 Excalidraw 场景 JSON 格式，含 elements、appState 与可选 files。
使用方式：远程推荐配置为 {"mcpServers":{"excalidraw":{"url":"https://mcp.excalidraw.com"}}}。本地安装可从源码执行 git clone https://github.com/excalidraw/excalidraw-mcp.git、cd excalidraw-mcp-app、pnpm install && pnpm run build，并于 Claude Desktop 配置文件中以 node 运行 dist/index.js --stdio；也可从 releases 下载 excalidraw-mcp-app.mcpb 双击安装。服务器基于 @modelcontextprotocol/sdk 创建 Server、注册 ListTools 与 CallTool 处理程序，工具返回 type 为 resource 的 content。部署可用 vercel --prod 发布到 /api/mcp，或用 Dockerfile 构建镜像并以 docker run -i 运行。
适用场景：需要在对话中动态生成架构图、流程图等示意图的开发者与团队。
限制：图表正确渲染依赖元素必填属性（id 唯一、type、x、y、width、height、seed、version、versionNonce、isDeleted、groupIds）；箭头需引用有效元素 ID 的 startBinding/endBinding；文字入容器需设置 containerId；流式更新需复用相同 uri；Vercel 部署可能需配置 CORS 头。资料未提供收费、价格、平台支持范围与效果保证等信息。