azure-diagrams

Name: azure-diagrams
Availability: InStock
Author: huqianghui

Generate Azure architecture diagrams using official Azure icons.

2|3|Updated Mar 23, 2026

Search Tags:#automation #architecture #azure #iac #icons #diagrams

Ready to run

npx skills add https://github.com/huqianghui/csa-ppt-plugin --skill azure-diagrams-huqianghui

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: azure-diagrams
Source: https://github.com/huqianghui/csa-ppt-plugin/tree/main/skills/azure-diagrams
Command: npx skills add https://github.com/huqianghui/csa-ppt-plugin --skill azure-diagrams-huqianghui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires diagrams, graphviz, matplotlib, numpy, svgwrite, cairosvg, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Azure diagramming is simplified by providing a unified method to generate professional visuals using official Azure icons for architecture reviews, proposals, and documentation.

Core Features & Use Cases

Generate Azure architecture diagrams with 700+ official icons and patterns
Create ERDs, timeline diagrams, UI wireframes, and network topology diagrams
Produce diagrams from IaC (Bicep/Terraform/ARM) or descriptive prompts for fast, repeatable visuals

Quick Start

Describe your Azure architecture in plain language and the tool will render a diagram ready for inclusion in slides and docs.

Frequently Asked Questions about azure-diagrams

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate Azure architecture diagrams from Bicep or Terraform code?▼

You can generate Azure architecture diagrams by providing descriptive prompts or IaC files like Bicep, Terraform, or ARM templates. The tool translates your cloud architecture concepts into professional visuals using official Azure icons.

Can I create network topology and ER diagrams using official Azure icons?▼

Yes, you can create network topology diagrams, ERDs, timeline diagrams, and UI wireframes. It utilizes over 700 official Azure icons and patterns to ensure your architecture visuals meet professional standards.

What is the best way to automate Azure diagram creation for documentation?▼

Automating Azure diagram creation involves translating descriptive prompts or IaC configurations into repeatable visuals. This tool renders diagrams directly from your architecture descriptions, making them ready for slides and docs.

Does this Azure diagram generator require Graphviz and matplotlib?▼

Yes, the tool requires dependencies including Graphviz, matplotlib, diagrams, numpy, svgwrite, and cairosvg to render architecture diagrams. These libraries support the generation of professional Azure visuals from your inputs.

Can I render UI wireframes and timeline diagrams for Azure environments?▼

Yes, you can render UI wireframes and timeline diagrams alongside architecture and network topology diagrams. It applies official Azure icons across various IaC-driven environments to produce consistent visual outputs.