skills.rest
ukhan262
ukhan262COMMUNITY
Explore all skills by this author →
GitHub

drawio-mcp-diagramming

Generate validated Azure, AWS, and GCP cloud diagrams via Draw.io MCP.

Updated Mar 31, 2026
Search Tags:#gcp#azure#mcp#cloud-architecture#diagrams#drawio#icon-catalog
One-click install
npx skills add https://github.com/ukhan262/github-copilot-agent-skills --skill drawio-mcp-diagramming
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio-mcp-diagramming
Source: https://github.com/ukhan262/github-copilot-agent-skills/tree/main/.github/skills/drawio-mcp-diagramming
Command: npx skills add https://github.com/ukhan262/github-copilot-agent-skills --skill drawio-mcp-diagramming

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Draw.io MCP Diagramming Skill enables architects and engineers to generate and edit architecture diagrams using the Draw.io MCP tool, with reliable icon rendering for Azure, AWS, and GCP, preserving icon catalogs and troubleshooting guidance.

Core Features & Use Cases

  • Generates diagrams through the Draw.io MCP tool and validates icon paths against static catalogs to prevent silent render failures.
  • Applies standard cloud-network topology patterns for Azure, AWS, and GCP diagrams and provides troubleshooting guidance for known icon gotchas.
  • Supports Azure2, AWS4, and GCP2 icon libraries to enable consistent, production-ready diagrams.
  • Real-world use: design multi-cloud architecture diagrams showing VNet/VPC networks, subnets, and data flows with clear legends.

Quick Start

Provide your architecture requirements and run the MCP workflow to generate a .drawio diagram using validated cloud icons.

Frequently Asked Questions about drawio-mcp-diagramming

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

FAQPage Schema
How do I generate Draw.io diagrams with valid Azure, AWS, and GCP icons?▼

To generate Draw.io diagrams with valid cloud icons, provide your architecture requirements to run the MCP workflow, which validates icon paths against static catalogs and outputs a ready-to-export .drawio file.

Why do cloud icons fail to render in Draw.io architecture diagrams?▼

Cloud icons fail to render in Draw.io architecture diagrams when paths are invalid. This solution prevents silent render failures by enforcing icon catalog checks against Azure2, AWS4, and GCP2 libraries before generating the diagram.

Can I create multi-cloud topology diagrams in Draw.io showing VNet and VPC networks?▼

Yes, you can create multi-cloud topology diagrams in Draw.io showing VNet and VPC networks. The solution applies standard cloud-network topology patterns for Azure, AWS, and GCP diagrams with clear legends and data flows.

Does the Draw.io MCP tool support troubleshooting guidance for icon gotchas?▼

Yes, the Draw.io MCP tool supports troubleshooting guidance for known icon gotchas. It enforces frontmatter metadata and layout conventions to ensure consistent, production-ready cloud architecture diagrams.

What is the best way to design multi-cloud architecture diagrams with reliable icon rendering?▼

The best way to design multi-cloud architecture diagrams with reliable icon rendering is using an MCP workflow that validates icons against static catalogs. This ensures production-ready Azure, AWS, and GCP diagrams without silent render failures.

Related Skills

Explore More Software Engineering Skills→
cassm199-mitacassm199-mita

drawio

Generate Azure architecture diagrams in Draw.io format via MCP server.

Community
Advanced
OpenElementsLabsOpenElementsLabs

drawio

Generate native .drawio files with embedded mxGraphModel XML.

Official
Intermediate
masermediagroup-stackmasermediagroup-stack
1

architecting-networks

Design secure, scalable cloud network architectures for VPC topology and hybrid connectivity.

Community
Advanced
frankxaifrankxai
2

Architecture Diagramming Expert

Create OCI architecture diagrams with D2, Draw.io, or Mermaid.

Community
Advanced