azure-drawio-mcp-diagramming

Create Azure infrastructure network diagrams with zone delineation and traffic flow annotations.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill simplifies the creation of clear, professional Azure infrastructure diagrams that accurately depict network boundaries, resource placement, and traffic flows.

Core Features & Use Cases

  • Diagram Generation: Automates the creation of detailed Azure network topology diagrams with correct icon usage and layout.
  • Layout Guidance: Implements best practices such as proper zone separation, resource positioning inside subnets, and traffic flow labeling.
  • Troubleshooting & Refinement: Provides anti-patterns and layout correction strategies for cluttered or incorrect diagrams.
  • Use Case: Generate a comprehensive VNet architecture showing peering, subnets, resources, and traffic flows for a new cloud deployment.

Quick Start

Use this skill to generate a network topology diagram for your Azure environment, specifying your VNet, subnets, and key resources positioned logically with annotated traffic flows.

Frequently Asked Questions about azure-drawio-mcp-diagramming

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

FAQPage Schema
How do I create an Azure network diagram with proper VNet and subnet boundaries?

Creating an Azure network diagram requires placing resources correctly within subnets and delineating virtual network boundaries. This skill automates topology generation by applying best practices for zone separation, resource positioning, and traffic flow annotation to visualize complex cloud architectures.

What is the best way to visualize Azure infrastructure traffic flows in a topology diagram?

Visualizing Azure infrastructure traffic flows requires explicit traffic labeling and clear flow annotations on the topology diagram. This skill generates cloud architecture visualizations with proper traffic flow labels, ensuring diagrams adhere to Azure visual clarity standards and document network paths accurately.

How do I fix a cluttered draw.io Azure network diagram with overlapping resources?

Fixing a cluttered Azure network diagram involves identifying layout anti-patterns and applying correction strategies for proper resource positioning. This skill provides layout guidance by enforcing zone separation, positioning resources inside subnets correctly, and refining overall visual clarity.

Can I generate a draw.io diagram for a complex Azure VNet peering topology?

Generating a draw.io diagram for a complex Azure VNet peering topology is supported by this skill. It creates detailed network diagrams that map peered VNets, subnets, resources, and traffic flows, validating the virtual network topology against Azure best practices.

Do I need reference icons to document an Azure cloud architecture network diagram?

Documenting an Azure cloud architecture network diagram requires proper reference icons to ensure correct visual representation of resources. This skill relies on reference icons to generate detailed infrastructure diagrams with accurate icon usage and professional layout.

Why does my Azure network topology diagram not follow cloud architecture best practices?

Azure network topology diagrams often fail best practices when resources are placed outside their designated subnets or traffic flows are unlabeled. This skill corrects these issues by enforcing proper zone delineation, resource placement, and explicit traffic flow annotations.