azure-resource-visualizer

Diagrams generated from live infrastructure rather than from a prompt — it reads the actual resource group and draws what is really there.

Score 0(?)VerifiedCodeby MicrosoftSourceDocs
Verified for:

Install

$ npx skills add microsoft/skills --skill azure-resource-visualizer

Needs the az CLI authenticated against a real subscription. Bundles a diagram template and an Azure Resource Graph reference.

Best for

Documenting an Azure estate you inherited, where the useful diagram is the one that matches reality rather than the one in the original design doc.

Not ideal for

Any cloud that is not Azure, and any diagram of a system that does not exist yet — it reads deployed resources, so there is nothing to read before you deploy.

About this skill

Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing the relationships between individual resources. WHEN: create architecture diagram, visualize Azure resources, show resource relationships, generate Mermaid diagram, analyze resource group, diagram my resources, architecture visualization, resource topology, map Azure infrastructure.

AzureMermaidInfrastructure

Score breakdown

Score breakdown

rubric 1.0
Install count
0/20
Provenance
12.8/15
GitHub stars
9.8/15
Recency
10/10
Compatibility
2/10
Documentation depth
10/10
Install ergonomics
10/10
License
5/5
Verification freshness
0.5/5

Composite 0–100 score derived from 9 verifiable signals. See the rubric →

D3.js patterns for interactive viz that does not look stock.

D3.jsVizInteractive
Code
Low2 min

Mermaid diagrams from prose with self-validating syntax. Sequence, flowchart, ER, state.

MermaidDiagramsMarkdown
All surfaces
Low1 min

Ranked #1 in Diagrams

Publish the ranking in your README. The badge reads the live score, so it updates when the ranking does.

azure-resource-visualizer — ranked #1 in Diagrams on Top Agent Skills
Markdown
[![azure-resource-visualizer — ranked #1 in Diagrams on Top Agent Skills](https://top-agent-skills.com/badge/azure-resource-visualizer.svg)](https://top-agent-skills.com/skill/azure-resource-visualizer)
HTML
<a href="https://top-agent-skills.com/skill/azure-resource-visualizer"><img src="https://top-agent-skills.com/badge/azure-resource-visualizer.svg" alt="azure-resource-visualizer — ranked #1 in Diagrams on Top Agent Skills"></a>

Skill FAQ

About azure-resource-visualizer

What is the azure-resource-visualizer skill?

Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing the relationships between individual resources. WHEN: create architecture diagram, visualize Azure resources, show resource relationships, generate Mermaid diagram, analyze resource group, diagram my resources, architecture visualization, resource topology, map Azure infrastructure.

Which agents does azure-resource-visualizer work with?

Claude Code.

How do I install azure-resource-visualizer?

Run `npx skills add microsoft/skills --skill azure-resource-visualizer` for Claude Code. See the install panel for per-agent commands.

Is azure-resource-visualizer free to use?

Yes — azure-resource-visualizer is open source (MIT).

Who maintains azure-resource-visualizer?

azure-resource-visualizer is published by Microsoft and was last updated on 2026-08-19.

What is azure-resource-visualizer best for?

Documenting an Azure estate you inherited, where the useful diagram is the one that matches reality rather than the one in the original design doc.