Agent skill

Azure Diagrams

by cmb211087 in cmb211087/azure-diagrams-skill

Comprehensive technical diagramming toolkit for solutions architects, presales, and developers.

MITAuto-check: notesDevOps & Cloud

Install Azure Diagrams

skills CLI
$ npx skills add cmb211087/azure-diagrams-skill --skill azure-diagrams -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install cmb211087/azure-diagrams-skill azure-diagrams --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/cmb211087/azure-diagrams-skill.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/azure-diagrams .claude/skills/azure-diagrams && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
azure-diagrams
GitHub stars
150
Token cost
~4k tokens
SKILL.md length
743 words
Files
35 (incl. scripts, references)
Skills in repo
1
Repo updated
First seen
Licence
MIT

At a glance

Comprehensive technical diagramming toolkit for solutions architects, presales, and developers.

  • Tasks that involve Diagrams
  • SKILL.md covers ⚡ Execution Method, 📊 Diagram Types, 🔥 Bonus: Generate from Code and Prerequisites, plus 12 more sections
  • Calls python, python3 and winget
  • Tasks that involve Infrastructure as code

What it does

Azure Diagrams is an agent skill from cmb211087/azure-diagrams-skill. Comprehensive technical diagramming toolkit for solutions architects, presales, and developers. Creates Azure architecture diagrams (800+ Azure service icons), business process flows (swimlanes, workflows), ERD diagrams (database schemas), project timelines, UI wireframes, and network topology diagrams. Perfect for proposals, documentation, and architecture reviews. Also generates diagrams from Bicep, Terraform, and ARM templates.

Its SKILL.md is about 4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 36 other files, including scripts and reference files (for example `CONTRIBUTING.md`, `README.md` and `evals/README.md`). Compatibility notes: Requires the Graphviz system package and the Python diagrams library (=0.25.1). Works with Claude Code, GitHub Copilot, Cursor, Windsurf, VS Code, and any…

It sits in DevOps & Cloud, covering Diagrams, Infrastructure as code and Cloud architecture. It works with Microsoft Azure, Bicep and Terraform. The repository describes itself as: Generate professional technical diagrams with AI - Azure architecture (800+ icons), ERDs, business flowcharts, timelines, wireframes. For proposals, documentation & architecture… The licence is MIT.

When your agent uses it

  • Tasks that involve Diagrams
  • Tasks that involve Infrastructure as code
  • Tasks that involve Cloud architecture

Example prompts

  • “/azure-diagrams”

Requirements

  • Python 3
  • Compatibility (from SKILL.md): Requires the Graphviz system package and the Python diagrams library (>=0.25.1). Works with Claude Code, GitHub Copilot, Cursor, Windsurf, VS Code, and any Agent Skills or AGENTS.md compatible tool.

What it can do on your machine

Read from SKILL.md and the folder at commit d751300. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/, which the agent can run.

    Shell commands in SKILL.md call:

    • python
    • python3
    • winget
    • brew
    • apt-get
    • pip

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use pip, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    Requires the Graphviz system package and the Python diagrams library (>=0.25.1). Works with Claude Code, GitHub Copilot, Cursor, Windsurf, VS Code, and any Agent Skills or AGENTS.md compatible tool.

    From compatibility in the SKILL.md frontmatter.

Context cost

Azure Diagrams loads about 4k tokens when it runs, and up to ~51k if it reads all its reference files. Until then it costs about 112 tokens; SKILL.md has 743 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~112
When it runs · the whole SKILL.md, loaded when a task matches
~4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~51k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NoteRuns commands with sudoSKILL.md:97
    sudo apt-get install -y graphviz            # Linux (Debian/Ubuntu)

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from cmb211087/azure-diagrams-skill at commit d751300, republished under its MIT licence (© cmb211087). 743 words, ~4,038 tokens.

Download SKILL.mdSave it as .claude/skills/azure-diagrams/SKILL.md (or your agent's skills folder). This skill also uses 34 other files; get the full folder from GitHub.
name
azure-diagrams
description
Comprehensive technical diagramming toolkit for solutions architects, presales, and developers. Creates Azure architecture diagrams (800+ Azure service icons), business process flows (swimlanes, workflows), ERD diagrams (database schemas), project timelines, UI wireframes, and network topology diagrams. Perfect for proposals, documentation, and architecture reviews. Also generates diagrams from Bicep, Terraform, and ARM templates.
compatibility
Requires the Graphviz system package and the Python diagrams library (>=0.25.1). Works with Claude Code, GitHub Copilot, Cursor, Windsurf, VS Code, and any Agent Skills or AGENTS.md compatible tool.
license
MIT
metadata.author
community
metadata.version
2.0.0
metadata.repository
https://github.com/cmb211087/azure-diagrams-skill

Azure Architecture Diagrams Skill

A comprehensive technical diagramming toolkit for solutions architects, presales engineers, and developers. Generate professional diagrams for proposals, documentation, and architecture reviews.

⚡ Execution Method

Run the Python directly to generate the image, and keep the image but do not leave a throwaway .py script behind. The generated file is the deliverable.

Output location (portable). Write to a diagrams/ folder in the current working directory - this works in every tool and on every OS. If you are running in a sandbox that provides /mnt/user-data/outputs (e.g. Claude Code on the web), prefer that. Create the folder first.

POSIX shells (Claude Code, Cursor, Linux/macOS - bash/zsh):

bash
mkdir -p diagrams
python3 << 'EOF'
from diagrams import Diagram
from diagrams.azure.compute import AKS
from diagrams.azure.database import CosmosDb

with Diagram("My Architecture", filename="diagrams/architecture", show=False, outformat="png"):
    AKS("aks-prod") >> CosmosDb("cosmos-prod")
EOF

Windows PowerShell (e.g. GitHub Copilot on Windows - no heredoc): write a short script, run it, then delete it so nothing is left behind:

powershell
New-Item -ItemType Directory -Force diagrams > $null
@'
from diagrams import Diagram
from diagrams.azure.compute import AKS
from diagrams.azure.database import CosmosDb
with Diagram("My Architecture", filename="diagrams/architecture", show=False, outformat="png"):
    AKS("aks-prod") >> CosmosDb("cosmos-prod")
'@ | Set-Content _diagram.py; python _diagram.py; Remove-Item _diagram.py

Canned patterns (cross-platform) - use the bundled generator instead of writing code:

bash
python scripts/generate_diagram.py --list                       # list available patterns
python scripts/generate_diagram.py --pattern <name> --output diagrams/arch

📊 Diagram Types

TypeReference FileExample Prompt
Azure Architecturereferences/azure-components.md"Design a microservices architecture with AKS and Cosmos DB"
Business Process Flowreferences/business-process-flows.md"Create a swimlane for invoice approval workflow"
Entity Relationship (ERD)references/entity-relationship-diagrams.md"Generate an ERD for customer and order entities"
Timeline / Ganttreferences/timeline-gantt-diagrams.md"Create a 6-month migration roadmap"
UI Wireframereferences/ui-wireframe-diagrams.md"Design a KPI dashboard layout"
Common Patternsreferences/common-patterns.md"Show a hub-spoke network topology"

🔥 Bonus: Generate from Code

Can also create diagrams directly from infrastructure code:

Read the Bicep files in /infra and generate an architecture diagram
Analyze our Terraform modules and create a diagram grouped by subnet
Read azure-pipelines.yml and create a CI/CD pipeline diagram

Supports: Bicep, Terraform, ARM Templates, Azure Pipelines YAML, GitHub Actions

See references/iac-to-diagram.md for detailed prompts and examples.


Prerequisites

bash
# 1) Graphviz - the rendering engine (system package, not pip). Restart the terminal after.
winget install -e --id Graphviz.Graphviz   # Windows  (or: choco install graphviz)
brew install graphviz                       # macOS
sudo apt-get install -y graphviz            # Linux (Debian/Ubuntu)

# 2) Python library (a virtual environment is recommended):
pip install "diagrams>=0.25.1"
# optional extras: matplotlib (timeline/Gantt/wireframe), cairosvg (portable SVG)

Quick Start

python
from diagrams import Diagram, Cluster, Edge
from diagrams.azure.compute import FunctionApps, AKS, AppServices
from diagrams.azure.network import ApplicationGateway, LoadBalancers
from diagrams.azure.database import CosmosDb, SQLDatabases, CacheForRedis
from diagrams.azure.storage import BlobStorage
from diagrams.azure.integration import LogicApps, ServiceBus, APIManagement
from diagrams.azure.security import KeyVaults
from diagrams.azure.identity import ActiveDirectory
from diagrams.azure.ml import CognitiveServices

with Diagram("Azure Solution Architecture", show=False, direction="TB"):
    users = ActiveDirectory("Users")
    
    with Cluster("Frontend"):
        gateway = ApplicationGateway("App Gateway")
        web = AppServices("Web App")
    
    with Cluster("Backend"):
        api = APIManagement("API Management")
        functions = FunctionApps("Functions")
        aks = AKS("AKS")
    
    with Cluster("Data"):
        cosmos = CosmosDb("Cosmos DB")
        sql = SQLDatabases("SQL Database")
        redis = CacheForRedis("Redis Cache")
        blob = BlobStorage("Blob Storage")
    
    with Cluster("Integration"):
        bus = ServiceBus("Service Bus")
        logic = LogicApps("Logic Apps")
    
    users >> gateway >> web >> api
    api >> [functions, aks]
    functions >> [cosmos, bus]
    aks >> [sql, redis]
    bus >> logic >> blob

Supported Diagram Types

TypeReference FileUse Case
Azure Architecturereferences/azure-components.mdCloud infrastructure, solution designs
Common Patternsreferences/common-patterns.mdWeb apps, microservices, serverless, data platforms
Business Process Flowreferences/business-process-flows.mdWorkflows, swimlanes, decisions
Entity Relationship (ERD)references/entity-relationship-diagrams.mdDatabase schemas, data models
Timeline / Ganttreferences/timeline-gantt-diagrams.mdProject plans, roadmaps
UI Wireframereferences/ui-wireframe-diagrams.mdScreen mockups, dashboards

Azure Service Categories

CategoryImportKey Services
Computediagrams.azure.computeVM, AKS, Functions, App Service, Container Apps, Batch
Networkingdiagrams.azure.networkVNet, Load Balancer, App Gateway, Front Door, Firewall, ExpressRoute
Databasediagrams.azure.databaseSQL, Cosmos DB, PostgreSQL, MySQL, Redis, Synapse
Storagediagrams.azure.storageBlob, Files, Data Lake, NetApp, Queue, Table
Integrationdiagrams.azure.integrationLogic Apps, Service Bus, Event Grid, APIM, Data Factory
Securitydiagrams.azure.securityKey Vault, Sentinel, Defender, Security Center
Identitydiagrams.azure.identityEntra ID, B2C, Managed Identity, Conditional Access
AI/MLdiagrams.azure.mlAzure OpenAI, Cognitive Services, ML Workspace, Bot Service
Analyticsdiagrams.azure.analyticsSynapse, Databricks, Data Explorer, Stream Analytics, Event Hubs
IoTdiagrams.azure.iotIoT Hub, IoT Edge, Digital Twins, Time Series Insights
DevOpsdiagrams.azure.devopsAzure DevOps, Pipelines, Repos, Boards, Artifacts
Webdiagrams.azure.webApp Service, Static Web Apps, CDN, Media Services
Monitordiagrams.azure.monitorMonitor, App Insights, Log Analytics

See references/azure-components.md for the complete list of 800+ components.

Common Architecture Patterns

Web Application (3-Tier)
python
from diagrams.azure.network import ApplicationGateway
from diagrams.azure.compute import AppServices
from diagrams.azure.database import SQLDatabases

gateway >> AppServices("Web") >> SQLDatabases("DB")
Microservices with AKS
python
from diagrams.azure.compute import AKS, ACR
from diagrams.azure.network import ApplicationGateway
from diagrams.azure.database import CosmosDb

gateway >> AKS("Cluster") >> CosmosDb("Data")
ACR("Registry") >> AKS("Cluster")
Serverless / Event-Driven
python
from diagrams.azure.compute import FunctionApps
from diagrams.azure.integration import EventGridTopics, ServiceBus
from diagrams.azure.storage import BlobStorage

EventGridTopics("Events") >> FunctionApps("Process") >> ServiceBus("Queue")
BlobStorage("Trigger") >> FunctionApps("Process")
Data Platform
python
from diagrams.azure.analytics import DataFactories, Databricks, SynapseAnalytics
from diagrams.azure.storage import DataLakeStorage

DataFactories("Ingest") >> DataLakeStorage("Lake") >> Databricks("Transform") >> SynapseAnalytics("Serve")
Hub-Spoke Networking
python
from diagrams.azure.network import VirtualNetworks, Firewall, VirtualNetworkGateways

with Cluster("Hub"):
    firewall = Firewall("Firewall")
    vpn = VirtualNetworkGateways("VPN")
    
with Cluster("Spoke 1"):
    spoke1 = VirtualNetworks("Workload 1")
    
spoke1 >> firewall

Connection Syntax

python
# Basic connections
a >> b                              # Simple arrow
a >> b >> c                         # Chain
a >> [b, c, d]                      # Fan-out (one to many)
[a, b] >> c                         # Fan-in (many to one)

# Labeled connections
a >> Edge(label="HTTPS") >> b       # With label
a >> Edge(label="443") >> b         # Port number

# Styled connections
a >> Edge(style="dashed") >> b      # Dashed line (config/secrets)
a >> Edge(style="dotted") >> b      # Dotted line
a >> Edge(color="red") >> b         # Colored
a >> Edge(color="red", style="bold") >> b  # Combined

# Bidirectional
a >> Edge(label="sync") << b        # Two-way
a - Edge(label="peer") - b          # Undirected

Diagram Attributes

python
with Diagram(
    "Title",
    show=False,                    # Don't auto-open
    filename="output",             # Output filename (no extension)
    direction="TB",                # TB, BT, LR, RL
    outformat="png",               # png (default, portable), svg, jpg, pdf
    graph_attr={
        "splines": "spline",       # Curved edges
        "nodesep": "1.0",          # Horizontal spacing
        "ranksep": "1.0",          # Vertical spacing
        "pad": "0.5",              # Graph padding
        "bgcolor": "white",        # Background color
    }
):
Show full SKILL.md (297 more words)Show less

Clusters (Grouping)

python
with Cluster("Resource Group"):
    with Cluster("Subnet A"):
        vm1 = VM("VM 1")
        vm2 = VM("VM 2")
    
    with Cluster("Subnet B"):
        db = SQLDatabases("Database")

Cluster styling:

python
with Cluster("Styled", graph_attr={"bgcolor": "#E8F4FD", "style": "rounded"}):

Troubleshooting

Overlapping Nodes

Increase spacing for complex diagrams:

python
graph_attr={
    "nodesep": "1.2",   # Horizontal (default 0.25)
    "ranksep": "1.2",   # Vertical (default 0.5)
    "pad": "0.5"
}
Floating Edge Labels

Use xlabel instead of label:

python
# Instead of Edge(label="text")
a >> Edge(xlabel="text") >> b
Excessive Whitespace

Compress the output:

python
graph_attr={"pad": "0.2", "margin": "0", "ratio": "compress"}
Force Horizontal Alignment

Use subgraphs with same rank:

python
with Diagram(...):
    # These will be on the same horizontal level
    with Cluster("") as same_level:
        same_level.dot.body.append('rank=same')
        a = ServiceA("A")
        b = ServiceB("B")

See references/preventing-overlaps.md for detailed guidance.

Output Location

Save to a diagrams/ folder in the working directory (portable across tools and OSes), or to /mnt/user-data/outputs when running in a sandbox that provides it. Create the folder first with mkdir -p diagrams (POSIX) or New-Item -ItemType Directory -Force diagrams (PowerShell).

python
with Diagram("Name", show=False, filename="diagrams/architecture", outformat="png"):
    # ...

⚠️ CRITICAL: Professional Output Standards

The Key Setting: labelloc='t'

To keep labels inside cluster boundaries with the diagrams library, put labels ABOVE icons:

python
node_attr = {
    "fontname": "Arial Bold",
    "fontsize": "11",
    "labelloc": "t",  # KEY: Labels at TOP - stays inside clusters!
}

with Diagram("Title", node_attr=node_attr, ...):
    # Your diagram code
Full Professional Template
python
from diagrams import Diagram, Cluster, Edge
from diagrams.azure.compute import AKS
from diagrams.azure.database import SQLDatabases

graph_attr = {
    "bgcolor": "white",
    "pad": "0.8",
    "nodesep": "0.9",
    "ranksep": "0.9",
    "splines": "spline",
    "fontname": "Arial Bold",
    "fontsize": "16",
    "dpi": "200",              # High resolution
}

node_attr = {
    "fontname": "Arial Bold",  # Bold for readability
    "fontsize": "11",
    "labelloc": "t",           # Labels ABOVE icons - KEY!
}

cluster_style = {"margin": "30", "fontname": "Arial Bold", "fontsize": "14"}

with Diagram("My Architecture", 
             direction="TB",
             graph_attr=graph_attr,
             node_attr=node_attr):
    
    with Cluster("Data Tier", graph_attr=cluster_style):
        sql = SQLDatabases("sql-myapp-prod\nS3 tier")
Professional Standards Checklist
CheckRequirement
✅ labelloc='t'Labels above icons (stays in clusters)
✅ Bold fontsfontname="Arial Bold" for readability
✅ Full resource namesActual names from IaC, not abbreviations
✅ High DPIdpi="200" for crisp text
✅ Azure iconsUse diagrams.azure.* components
✅ Cluster marginsmargin="30" or higher

⚠️ ALWAYS review the output image before delivering. If ANY text is outside boxes, increase margins or simplify clusters.

Scripts

ScriptPurpose
scripts/generate_diagram.pyInteractive pattern generator
scripts/multi_diagram_generator.pyMulti-type diagram generator
scripts/ascii_to_diagram.pyConvert ASCII diagrams from markdown
scripts/verify_installation.pyCheck prerequisites
scripts/list_azure_nodes.pyList all Azure icon classes in the installed library
scripts/check_imports.pyValidate every import in the docs against the library
scripts/render_examples.pyExecute and verify every runnable example block

Reference Files

FileContent
references/iac-to-diagram.mdGenerate diagrams from Bicep/Terraform/ARM
references/azure-components.mdComplete list of 800+ Azure components
references/common-patterns.mdReady-to-use architecture patterns
references/business-process-flows.mdWorkflow and swimlane diagrams
references/entity-relationship-diagrams.mdDatabase ERD patterns
references/timeline-gantt-diagrams.mdProject timeline diagrams
references/ui-wireframe-diagrams.mdUI mockup patterns
references/preventing-overlaps.mdLayout troubleshooting guide
references/sequence-auth-flows.mdAuthentication flow patterns
references/quick-reference.mdCopy-paste code snippets
references/integration-services.mdAzure Integration Services component imports
references/large-diagram-strategies.mdSplitting and C4-style views for large diagrams
references/migration-patterns.mdLegacy-to-Azure migration scenarios
references/mermaid-output.mdZero-install Mermaid diagrams (GitHub / Azure DevOps / Confluence)
references/c4-model.mdC4 model context / container / component diagrams

© cmb211087, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 34 other files (scripts, references) in skills/azure-diagrams of cmb211087/azure-diagrams-skill.

  • SKILL.md
  • CONTRIBUTING.md
  • LICENSE
  • README.md
  • evals/README.md
  • evals/scenarios.md
  • references/azure-components.md
  • references/business-process-flows.md
  • references/c4-model.md
  • references/common-patterns.md
  • references/entity-relationship-diagrams.md
  • references/iac-to-diagram.md
  • references/integration-services.md
  • references/large-diagram-strategies.md
  • references/mermaid-output.md
  • references/migration-patterns.md
  • references/preventing-overlaps.md
  • references/quick-reference.md
  • references/sequence-auth-flows.md
  • … and 16 more

Open the folder on GitHubat commit d751300

Compare with similar skills

Azure Diagrams next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Azure Diagrams compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Azure Diagrams this skillcmb211087/azure-diagrams-skill150—~4kAutomated safety check: NotesMIT
Azure Architecture Autopilotgithub/awesome-copilot40k1 repos~1.9kAutomated safety check: PassMIT
Apex Azure Bicep Patternsjonathan-vella/apex217—~2.5kAutomated safety check: PassMIT
Azure Preparemicrosoft/GitHub-Copilot-for-Azure2551 repos~3.2kAutomated safety check: PassMIT
Azv Diagram To BicepAzure/AZVerify101—~3.1kAutomated safety check: WarnMIT
Apex Azure Preparejonathan-vella/apex217—~2.1kAutomated safety check: PassMIT

Similar skills

  • Azure Architecture Autopilot

    github/awesome-copilot

    Official

    Designs Azure infrastructure from a natural-language description, or diagrams an existing resource group, then refines the design through conversation and deploys it with Bicep.

    40k GitHub starsUsed in 1 repo~1.9k tokens
    DevOps & CloudAuto-check passed
  • Apex Azure Bicep Patterns

    jonathan-vella/apex

    UTILITY SKILL — Reusable Azure Bicep patterns: hub-spoke, private endpoints, diagnostics, AVM composition.

    217 GitHub stars~2.5k tokensUpdated today
    DevOps & CloudAuto-check passed
  • Azure Prepare

    microsoft/GitHub-Copilot-for-Azure

    Official

    Prepare azd-based Azure projects for deployment: generates azure.yaml, infrastructure (Bicep/Terraform), and Dockerfiles for the Azure Developer CLI (azd) workflow.

    255 GitHub starsUsed in 1 repo~3.2k tokens
    DevOps & CloudAuto-check passed
  • Azv Diagram To Bicep

    Azure/AZVerify

    Official

    Generate deployment-ready Bicep templates and PowerShell scripts from an approved Draw.io Azure architecture diagram.

    101 GitHub stars~3.1k tokensUpdated 1 mo ago
    DevOps & CloudAuto-check: warnings
  • Apex Azure Prepare

    jonathan-vella/apex

    WORKFLOW SKILL — Prepare Azure apps for deployment (Bicep/Terraform, azure.yaml, Dockerfiles).

    217 GitHub stars~2.1k tokensUpdated yesterday
    DevOps & CloudAuto-check passed
  • Azure To AWS

    aws/agent-toolkit-for-aws

    Official

    Migrate workloads from Microsoft Azure to AWS. An agent skill from aws/agent-toolkit-for-aws.

    2.8k GitHub stars~5.5k tokensUpdated yesterday
    DevOps & CloudAuto-check passed

Questions about Azure Diagrams

What does Azure Diagrams do?

Comprehensive technical diagramming toolkit for solutions architects, presales, and developers. Azure Diagrams is an agent skill from cmb211087/azure-diagrams-skill. Comprehensive technical diagramming toolkit for solutions architects, presales, and developers.

When should I use Azure Diagrams?

Azure Diagrams fits situations like: tasks that involve Diagrams; tasks that involve Infrastructure as code; tasks that involve Cloud architecture.

How do I install Azure Diagrams in Claude Code?

Run `npx skills add cmb211087/azure-diagrams-skill --skill azure-diagrams -a claude-code`. Or copy the skill folder (skills/azure-diagrams in cmb211087/azure-diagrams-skill) into .claude/skills/azure-diagrams in your project. Claude Code loads it when a task matches its description.

How do I install Azure Diagrams in Codex?

Run `npx skills add cmb211087/azure-diagrams-skill --skill azure-diagrams -a codex`. Or copy the skill folder (skills/azure-diagrams in cmb211087/azure-diagrams-skill) into .agents/skills/azure-diagrams in your project. Codex loads it when a task matches its description.

Can I use Azure Diagrams in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add cmb211087/azure-diagrams-skill --skill azure-diagrams -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/azure-diagrams, .gemini/skills/azure-diagrams, .github/skills/azure-diagrams and .opencode/skills/azure-diagrams in your project.

What does Azure Diagrams need to run?

Going by SKILL.md and its folder, Azure Diagrams needs the command-line tools its instructions call (python, python3, winget, brew, apt-get and pip). Our summary lists: Python 3. Compatibility (from SKILL.md): Requires the Graphviz system package and the Python diagrams library (>=0.25.1). Works with Claude Code, GitHub Copilot, Cursor, Windsurf, VS Code, and any Agent Skills or AGENTS.md compatible tool..

Does Azure Diagrams access the network?

SKILL.md contains no URLs. Its commands use pip, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Azure Diagrams safe to install?

Our automated static check of SKILL.md found notes only (runs commands with sudo), nothing it rates as a warning. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Azure Diagrams use?

Azure Diagrams is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Azure Diagrams use?

About 4k tokens (SKILL.md is roughly 16k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 47k tokens, read only when the agent opens those files.

What are the alternatives to Azure Diagrams?

Skills that share tags, products or a category with Azure Diagrams: Azure Architecture Autopilot (github/awesome-copilot, 40k stars), Apex Azure Bicep Patterns (jonathan-vella/apex, 217 stars), Azure Prepare (microsoft/GitHub-Copilot-for-Azure, 255 stars) and Azv Diagram To Bicep (Azure/AZVerify, 101 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Azure Diagrams?

cmb211087 (a GitHub user) maintains it in cmb211087/azure-diagrams-skill, which has 150 GitHub stars. The repository was last updated on June 22, 2026.

Source: cmb211087/azure-diagrams-skill on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.