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
Decision gist · record as of 2026-07-18
drawio-azure builds validated Azure architecture diagrams using official service icons and enforced resource hierarchy. 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.
Use it when
- Yes.
- drawio-azure can generate multi-region or landing zone Azure deployment diagrams automatically.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
sparklabx/drawio-ai-kit/drawio-azure · repository language: JavaScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
File tree — 1 file
skills/drawio-azure/SKILL.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Create a correct Azure architecture diagram with validated icons and proper resource hierarchy”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
drawio-aws produces AWS architecture diagrams in draw.io format using a declarative layout engine that ensures correct icon placement, nesting hierarchy, and geometry validation. It delegates builds to the drawio-ai CLI, which handles icon lookup, layout rules, and automated vision checks before output.
Create accurate Databricks lakehouse architecture diagrams in draw.io format, complete with medallion layer structure (Bronze/Silver/Gold), Delta Lake, Unity Catalog, and deployment topology. The skill uses a declarative layout engine with ground-truth stencils, validates geometry and nesting, and runs vision-based self-checks before output.
drawio-gcp generates correct Google Cloud architecture diagrams in draw.io format using a deterministic engine that validates icons, colors, nesting, and geometry. It supports VPC/networking, GKE, Cloud Run, landing zones, and multi-region designs, delivering .drawio files with optional PNG or SVG export on request.
drawio-bpmn builds correct Business Process Model and Notation swimlane diagrams in draw.io format, organizing process flows across role-based lanes and milestone phases. It uses a deterministic layout engine with built-in validation of BPMN semantic rules and geometry, plus render-based vision checks to ensure accuracy before output.
Drawio transforms text descriptions and existing codebases into polished, editable diagrams via the draw.io desktop CLI. It offers six diagram presets (ERD, UML class, sequence, architecture, ML/DL, flowchart), access to 10,000+ official AWS, Azure, GCP, Cisco, Kubernetes, and BPMN shapes, plus 321 AI and LLM brand logos. The skill includes vision-based self-checking and iterative refinement to ensure precision before exporting to your choice of formats.
drawio-skill creates polished diagrams—architecture, UML, ER, flowcharts, BPMN, and more—from text descriptions or code imports. It generates .drawio XML and exports locally via the draw.io desktop CLI to PNG, SVG, PDF, or JPG, with optional embedding for editability. Use it for precise, styled diagrams with rich shape libraries and swimlanes; for casual sketches or Markdown-embedded diagrams, consider mermaid or excalidraw instead.
More skills Drawio Diagram Forge (NOASSERTION) · draw-io (MIT)