skills.rest
sergeyitaly
sergeyitalyCOMMUNITY
Explore all skills by this author →
GitHub

drawio-diagrams

Create and edit .drawio architecture diagrams with Azure icons.

1|Updated Jun 11, 2026
Search Tags:#mcp#terraform#architecture diagrams#drawio#mxgraph#azure diagrams#infrastructure diagrams
One-click install
npx skills add https://github.com/sergeyitaly/claude-skill-deployer --skill drawio-diagrams-sergeyitaly
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio-diagrams
Source: https://github.com/sergeyitaly/claude-skill-deployer/tree/main/skills_library/drawio-diagrams
Command: npx skills add https://github.com/sergeyitaly/claude-skill-deployer --skill drawio-diagrams-sergeyitaly

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manually creating and updating architecture, infrastructure, and Azure cloud diagrams is time-consuming and error-prone, especially when tracking changes to cloud deployments or system topologies over time. This Skill automates the creation and maintenance of .drawio diagram files, eliminating manual formatting work and ensuring diagrams stay in sync with your infrastructure.

Core Features & Use Cases

  • MCP-Powered or Direct XML Editing: Works with the draw.io MCP server for interactive, visual diagram editing, or falls back to direct mxGraph XML editing for environments without MCP configured, so it works in any setup.
  • Native Azure Icon Support: Includes access to the official Microsoft Azure icon stencil library, so you can quickly add correctly styled, recognizable Azure resource shapes (virtual machines, storage accounts, Kubernetes services, etc.) to your diagrams without hunting for icon files.
  • Use Case: If your team uses Terraform or Bicep to manage Azure resources, use this Skill to automatically generate an up-to-date architecture diagram of your entire cloud deployment directly from your infrastructure-as-code files, with no manual shape placement required.

Quick Start

Use the drawio-diagrams skill to create a new .drawio architecture diagram of the Azure resources defined in the project's Terraform files, using official Microsoft Azure icons for each resource type.

Frequently Asked Questions about drawio-diagrams

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

FAQPage Schema
How do I generate draw.io architecture diagrams from Terraform files?▼

To generate draw.io architecture diagrams from Terraform files, this Skill automates the creation of .drawio (mxGraph XML) files representing your cloud topology. It parses your infrastructure-as-code deployments and automatically places the correct shapes without manual formatting.

Can I create Azure infrastructure diagrams with official Microsoft icons?▼

Yes, you can create Azure infrastructure diagrams with official Microsoft icons. This Skill includes built-in access to the official Microsoft Azure icon stencil library, allowing you to quickly add correctly styled, recognizable resource shapes like virtual machines and Kubernetes services.

Does drawio diagram editing work without the MCP server configured?▼

Drawio diagram editing works without the MCP server configured by falling back to direct mxGraph XML manipulation. This ensures you can create and edit system topology documentation in any environment, even without the draw.io MCP server for interactive visual editing.

What is the best way to keep architecture diagrams in sync with Bicep deployments?▼

The best way to keep architecture diagrams in sync with Bicep deployments is to automate .drawio file generation directly from your infrastructure-as-code. This eliminates manual formatting work and ensures your system topology documentation accurately reflects your current cloud resources.

Are there limitations when editing mxGraph XML files directly for infrastructure diagrams?▼

When editing mxGraph XML files directly for infrastructure diagrams, the limitation is the lack of interactive visual editing available through the draw.io MCP server. Direct XML manipulation serves as a fallback for environments without MCP configured, requiring manual XML structure management.

Related Skills

Explore More Software Engineering Skills→
Eigo-Mt-FujiEigo-Mt-Fuji

cloud-architect

Design multi-cloud architectures and generate Terraform or Bicep templates.

Community
Advanced
akiojinakiojin
8

drawio

Create and edit draw.io diagrams as XML with shapes, connectors, and PNG export.

Community
Intermediate
Avihai-HAvihai-H

drawio

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

Community
Advanced
Chanw-researchChanw-research
38

drawio

Generate pixel-perfect diagrams from a stencil library using MXGraph XML.

Official
Advanced