azure-resource-visualizer
Visualize Azure Architecture with Mermaid Diagrams
Understand complex Azure infrastructure by generating detailed Mermaid diagrams that map resource relationships, dependencies, and configurations across your entire resource group.
Download the skill ZIP
Upload in Claude
Go to Settings → Capabilities → Skills → Upload skill
Toggle on and start using
Test it
Using "azure-resource-visualizer". Show me the architecture of my Azure resource group called 'production-web-app'
Expected outcome:
Creates a markdown file with:
- Resource inventory table listing all Azure resources
- Mermaid diagram grouped by layer (Network, Compute, Data, Security)
- Node labels showing SKUs, tiers, and key settings
- Connection arrows labeled with data flow types
- Notes section with observations
Using "azure-resource-visualizer". Map the network topology for resource group 'api-backend'
Expected outcome:
Generates a focused network diagram showing:
- Virtual Networks with address spaces
- Subnets with CIDR ranges
- Network Security Groups and rules
- Private endpoints and connections
- How compute resources connect to the network
Security Audit
SafeAll 88 static findings are false positives. The flagged patterns (backtick commands, IP addresses, crypto algorithms, system reconnaissance) are actually documentation examples of Azure CLI commands, example IP addresses in Mermaid diagrams, and Mermaid syntax. This is a read-only Azure documentation skill that generates architecture diagrams.
High Risk Issues (4)
Quality Score
What You Can Build
Document Existing Infrastructure
Create up-to-date architecture diagrams for legacy Azure deployments to improve team understanding and onboarding
Prepare for Migration Projects
Visualize current resource relationships before migrating to new subscriptions or Azure regions
Audit Resource Dependencies
Identify all dependencies before making changes to production resources to avoid disruption
Try These Prompts
Show me the architecture of my Azure resource group called [resource-group-name]. Create a Mermaid diagram showing all resources and how they connect.
Analyze the network architecture in resource group [resource-group-name]. Create a detailed diagram showing VNets, subnets, NSGs, private endpoints, and how compute resources connect to them.
Map all data flows in resource group [resource-group-name]. Show how data moves between App Services, Functions, Databases, and Storage accounts. Include connection strings and authentication methods.
Create comprehensive architecture documentation for resource group [resource-group-name]. Include: resource inventory table, Mermaid diagram with subgraphs by layer, relationship details, and recommendations.
Best Practices
- Wait for user confirmation on which resource group to analyze before proceeding
- Include configuration details like SKUs, tiers, and settings in diagram labels
- Group resources logically using Mermaid subgraphs by layer or purpose
- Label all connections with descriptive data flow or dependency information
Avoid
- Skipping resources that seem unimportant - include everything in the resource group
- Making assumptions about relationships without verifying them
- Creating incomplete or placeholder diagrams without all resources
- Omitting configuration details that affect architecture understanding