Sample Drawio MCP

🎨 Draw.io MCP服务器

\[！警告\] _预发布Alpha软件_：此软件处于早期开发阶段，可能存在缺陷。 请在以下网址打开问题 https://aws-samples/sample-drawio-mcp/oissues --我们欢迎错误报告并接受PR。

使用AI助手以编程方式创建、读取和更新draw.io图表。

🚀 这是什么？

draw.io MCP服务器使AI助手能够通过自然语言在您的本地计算机上构建技术图表。索取AWS架构图、流程图或网络拓扑图，并观看其以draw.io格式显示。

🏗️ 建筑

该项目由两个主要部分组成：

• DrawIO JSAPI -一个用于操作的JavaScript/TypeScript库 mxGraph XML结构
• MCP服务器 -向AI助手公开图表操作的模型上下文协议服务器

JSAPI独立于draw.io或mxGraph运行时依赖关系运行，可在Node.js和浏览器环境中工作。

🔒 隐私第一

所有操作都完全在本地计算机上运行。没有图表数据、遥测数据或信息通过网络传输。

✨ 主要特点

• 📊 使用AWS、Kubernetes和更多图标创建架构图！
• 🔄 以编程方式修改现有图表
• 🎯 通过AI助手创建自然语言图表
• 🌐 适用于Node.js和浏览器环境
• 🔐 100%本地操作，无网络依赖

🎯 快速示例

You: "Create an AWS serverless architecture diagram with CloudFront, API Gateway,
container-based Lambda (pulling from ECR), connecting to Aurora PostgreSQL,
OpenSearch, S3, and Bedrock. Include Cognito for authentication, IAM roles,
and CodePipeline for deployment. Show the VPC and private subnet structure."

AI: [Generates a properly formatted draw.io diagram with official AWS icons]

_MCP服务器生成的AWS架构图示例。生成的.drawio文件可以在draw.io中手动编辑，也可以由Kiro等AI助手以编程方式编辑。_

入门指南

MCP客户端配置

添加到您的MCP客户端配置（Claude Desktop、Claude Code、Kiro）：

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "https://github.com/aws-samples/sample-drawio-mcp/releases/latest/download/drawio-mcp-server-latest.tgz",
        "--no-cache"
      ],
      "type": "stdio"
    }
  }
}

查看完整 安装指南 用于版本固定、特定于平台的配置路径和从源代码构建。

📚 文档

• JSAPI -用于创建程序图的JavaScript API文档
• 例子 -工作代码示例和教程
• 贡献 -项目贡献指南