drawio-mcp-diagramming

Creates Azure/AWS cloud topology diagrams with verified draw.io icons.

193|55|Updated Feb 18, 2026
One-click install
npx skills add https://github.com/thomast1906/github-copilot-agent-skills --skill drawio-mcp-diagramming-thomast1906
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: drawio-mcp-diagramming
Source: https://github.com/thomast1906/github-copilot-agent-skills/tree/main/.github/skills/drawio-mcp-diagramming
Command: npx skills add https://github.com/thomast1906/github-copilot-agent-skills --skill drawio-mcp-diagramming-thomast1906

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps users generate accurate and visually consistent diagrams of cloud infrastructure and workflows, reducing errors and improving clarity.

Core Features & Use Cases

  • Diagram Generation: Automates creation of topology diagrams for Azure and AWS with proper containerization and resource placement.
  • Icon Verification: Ensures all icons are verified against static catalogs for correct rendering in draw.io.
  • Use Case: A cloud architect designs a multi-region VPC network diagram with detailed subnet and resource placement, validated icon paths, and correct styling.

Quick Start

Use this Skill to generate an Azure network topology diagram from my Terraform components stored in the 'components/' folder, emphasizing network boundaries and traffic flows.

Frequently Asked Questions about drawio-mcp-diagramming

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an AWS network topology diagram with verified draw.io icons?

To create an AWS network topology diagram with verified draw.io icons, you define your cloud components and resource placement. The skill validates all icons against static catalogs to ensure correct rendering and applies best practices for container sizing and traffic labeling.

Can I generate an Azure cloud diagram directly from my Terraform components?

Yes, you can generate an Azure cloud diagram directly from Terraform components stored in your directory. The skill reads your infrastructure files and outputs detailed topology diagrams emphasizing network boundaries, resource grouping, and traffic flows.

What is the best way to ensure correct icon rendering in draw.io cloud diagrams?

The best way to ensure correct icon rendering in draw.io cloud diagrams is using icon verification against static catalogs. This approach validates icon paths for Azure and AWS resources, preventing broken images and maintaining visual consistency.

Does this approach support multi-region VPC network diagrams with detailed subnet placement?

Yes, this approach supports multi-region VPC network diagrams with detailed subnet placement. It automates topology generation for Azure and AWS, applying proper containerization and visual validation to produce professional quality infrastructure diagrams.

Why do my draw.io AWS architecture diagrams have broken or missing icons?

Draw.io AWS architecture diagrams have broken or missing icons when icon paths are not verified against static catalogs. Using a diagram generation process with built-in icon verification ensures all Azure and AWS resources render correctly.