drawio-azure
drawio-azure produces correct Azure architecture diagrams by leveraging a declarative layout engine that enforces resource hierarchy, validates icon placement and colors, and runs automated visual verification. Built on the drawio-ai-kit, it handles VNets, App Service, AKS, landing zones, and multi-region setups with ground-truth Azure stencils.
drawio-azure builds validated Azure architecture diagrams using official service icons and enforced resource hierarchy.
AI-generated summary based on this skill's SKILL.md
Install
sparklabx/drawio-ai-kit/drawio-azure · repository language: JavaScript
git clone https://github.com/sparklabx/drawio-ai-kit
cp -r drawio-ai-kit/skills/drawio-azure ~/.claude/skills/drawio-azureFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I create an Azure architecture diagram with drawio-azure?
drawio-azure produces correct Azure architecture diagrams by leveraging a declarative layout engine that enforces resource hierarchy, validates icon placement and colors, and runs automated visual verification. You define your Azure resources and their relationships, and drawio-azure generates a properly formatted diagram with ground-truth Azure stencils, handling components like VNets, App Service, AKS, and more.
Can drawio-azure draw Azure VNet diagrams with subnets?
Yes. drawio-azure visualizes Azure networking components including VNets, subnets, App Service, and AKS in draw.io format. The tool enforces proper resource hierarchy and validates icon placement, so your VNet subnet architecture is rendered correctly with validated Azure stencils and appropriate colors.
Does drawio-azure support multi-region Azure deployment diagrams?
drawio-azure can generate multi-region or landing zone Azure deployment diagrams automatically. Its declarative layout engine handles complex topologies across regions and validates the resulting architecture, making it suitable for enterprise-scale deployments and landing zone visualizations.
What export formats does drawio-azure support?
drawio-azure exports Azure architecture as .drawio, PNG, or SVG with proper stencil colors. This allows you to use your diagrams in draw.io for further editing, embed them in documentation as images, or integrate them into other tools.
How does drawio-azure validate Azure infrastructure diagrams?
drawio-azure builds and validates Azure infrastructure diagrams with self-checking vision validation. The tool runs automated visual verification to ensure icons are placed correctly, resource hierarchy is enforced, and colors match Azure stencil standards, catching errors before export.
What Azure components can drawio-azure diagram?
drawio-azure handles VNets, subnets, App Service, AKS, resource groups, subscription hierarchies, landing zones, Front Door, DNS, managed services, and Entra ID architecture. Built on the drawio-ai-kit with ground-truth Azure stencils, it supports the full range of common Azure infrastructure components.
SKILL.md
rendered from the published skill — quoted content, verbatim
Draw.io Azure
Produce correct Azure architecture diagrams in draw.io. This skill is a thin
frontend; the deterministic engine, validator, and rules live in the
drawio-ai-kit package, reached via the drawio-ai CLI.
0. Preflight — the CLI must be installed
command -v drawio-ai >/dev/null 2>&1 || echo "Install the Kit first: npm i -g github:sparklabx/drawio-ai-kit"
If drawio-ai is not on PATH, stop and tell the user to run
npm i -g github:sparklabx/drawio-ai-kit. Never run npm i -g yourself — nothing mutates the
user's global environment without their say-so.
1. Delegate the build (preferred when your harness supports it)
If your harness can spawn autonomous subagents that run shell commands AND
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
skills/drawio-azure/SKILL.md