lilepeeps/azure-drawio-mcp

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

11 stars 5 forks 品質 69 トレンド 18MIT

Repository Install

Generate editable Draw.io diagrams for Azure architectures via MCP

概要

Generate Azure architecture diagrams in Draw.io format using an MCP server. Think of it as a plugin for AI assistants like GitHub Copilot or Claude. Once configured, you can simply ask "draw me an Azure architecture diagram" and it generates one for you. : This project is inspired by dminkovski/azure-diagram-mcp which generates PNG diagrams using the Python diagrams package. This version outputs editable .drawio files instead. - Generates Azure architecture diagrams as .drawio files - Uses from Draw.io's Azure2 SVG library - Supports 100+ Azure resource types (VMs, App Services, AKS, SQL, etc.

README

以下は原文 README の抜粋です。原文を見る。

Azure Draw.io MCP Server

Generate editable Azure architecture diagrams in Draw.io format using an MCP server.

What’s an MCP Server? Think of it as a plugin for AI assistants like GitHub Copilot or Claude. Once configured, you can simply ask “draw me an Azure architecture diagram” and it generates one for you.

Attribution: This project is inspired by dminkovski/azure-diagram-mcp which generates PNG diagrams using the Python diagrams package. This version outputs editable .drawio files instead.

Why Draw.io Instead of PNG?
What It Does
Requirements
Quick Start
Usage Examples
MCP Tools
Opening Generated Diagrams
Example Prompts
Project Structure
Troubleshooting
License

Why Draw.io Instead of PNG?

Feature	PNG (Original)	Draw.io (This Project)
Editable	❌ Not editable	✅ Fully editable
Version Control	⚠️ Binary diffs	✅ XML text diffs
VS Code Integration	View only	✅ Edit in VS Code
Export Options	PNG only	✅ PNG, SVG, PDF
Dependencies	Requires Graphviz	✅ Pure Python
Adjust Layout	❌ Regenerate	✅ Drag and drop
Azure Icons	✅ Built-in	✅ Azure2 SVG Library

What It Does

Generates Azure architecture diagrams as .drawio files
Uses official Azure icons from Draw.io’s Azure2 SVG library
Supports 100+ Azure resource types (VMs, App Services, AKS, SQL, etc.)
Auto-layouts resources left-to-right (data sources on left, destinations on right)
Groups resources into visual clusters (resource groups, VNets, subnets)
Creates connections with labels and different line styles (solid, dashed, dotted)
Auto-opens diagrams in VS Code after generation

Fully Editable Output

Unlike PNG generators, the diagram is just a starting point — customize it however you like:

Drag icons to reposition — connections auto-route
Resize groups by dragging edges
Add labels by double-clicking connections
Copy/paste icons and groups between diagrams
Export to PNG, SVG, or PDF when done

Example Output

GitHub で README 全文を見る

インストール

docker run --rm -i -v ${workspaceFolder}:/workspace -e WORKSPACE_MOUNT=/workspace azure-drawio-mcp:latest

MCP 初心者？mcpskill.org のガイドから始めましょう →

設定

{
  "mcpServers": {
    "azure-drawio": {
      "command": "docker",
      "args": [
        "run", "--rm", "-i",
        "-v", "/path/to/your/workspace:/workspace",
        "-e", "WORKSPACE_MOUNT=/workspace",
        "azure-drawio-mcp:latest"
      ]
    }
  }
}