skills.rest
huqianghui
huqianghuiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

azure-diagrams

Generate Azure architecture diagrams using official Azure icons.

2|3|Updated Mar 23, 2026
Search Tags:#automation#architecture#azure#iac#icons#diagrams
One-click install
npx skills add https://github.com/huqianghui/csa-ppt-plugin --skill azure-diagrams-huqianghui
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
Eigo-Mt-FujiEigo-Mt-Fuji

cloud-architect

Design multi-cloud architectures and generate Terraform or Bicep templates.

Community
Advanced
jg-chalk-iojg-chalk-io

moai-mermaid-diagram-expert

Render Mermaid diagrams into SVG and PNG images via CLI.

Community
Advanced
cassm199-mitacassm199-mita

python-diagrams

Generate diagrams and charts from Python scripts using matplotlib, diagrams, and graphviz.

Community
Intermediate
511avolo-dot511avolo-dot

cloud-solution-architect

Guide cloud architecture design using Azure Architecture Center best practices.

Community
Advanced