交互式图表工具

克劳德设置

我的克劳德代码MCP（模型上下文协议）配置和工具。

MCP服务器

排除MCP

与Claude Code集成的交互式图表工具，用于创建架构图、流程图和可视化。

用途 下一个ai draw io 用于绘制建筑。

特征：

• 美人鱼图转换（流程图、序列图、类图）
• 直接元素创建（矩形、椭圆、菱形、箭头、文本、线条）
• 为复杂图表创建批处理元素
• 元素分组、对齐和分布

设置：

# Run via Docker
docker run -d -p 3000:3000 excalidraw-mcp

# Access canvas
open http://localhost:3000

Claude代码配置：

添加到您的Claude Code MCP配置中(~/.claude/mcp.json 或项目级别）：

{
  "mcpServers": {
    "excalidraw": {
      "command": "docker",
      "args": ["run", "-p", "3000:3000", "excalidraw-mcp"]
    }
  }
}

使用示例：

从Mermaid创建架构图：

graph LR
    A[Client] --> B[Server]
    B --> C[Database]

支持的元素类型：

• rectangle, ellipse, diamond
• arrow, line
• text, label
• freedraw

操作：

• create_element / batch_create_elements
• update_element / delete_element
• group_elements / ungroup_elements
• align_elements / distribute_elements
• lock_elements / unlock_elements
• query_elements / get_resource

远程动议

由React提供支持的视频和动画创建工具。用于通过Claude Code以编程方式生成动画和视频。

特征：

• 基于React的视频合成
• 程序化动画创作
• 逐帧渲染
• 视频导出（MP4、WebM、GIF）

其他MCP服务器

根据需要在此处添加更多MCP配置。