An AI-driven skill for creating editable, professional-grade AWS, Azure, GCP, and Microsoft Fabric cloud architecture diagrams directly in .excalidraw and .drawio formats.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install cloud-architecture-diagrams
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install cloud-architecture-diagrams using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Cloud Architecture Diagrams (Azure / AWS / GCP)?
The Cloud Architecture Diagrams skill is a highly efficient tool designed to generate professional, vendor-compliant cloud infrastructure visualizations. By utilizing a single JSON specification, users can instantly output fully editable .excalidraw and .drawio diagram files. This eliminates the tedious, error-prone manual placement of components by programmatically handling element layouts, spacing, grouping zones, and directional arrows. It is a standout solution among Openclaw Skills for DevOps engineers and cloud architects looking to visually document systems rapidly.
At its core, the system features a robust, offline-capable database of over 5,500 official icons from AWS, Microsoft Azure, Google Cloud Platform (GCP), and Microsoft Fabric. Icons are seamlessly embedded as base64 or data URIs inside the output files, ensuring they remain self-contained, offline-compatible, and highly shareable across teams without visual breakages.
Cloud Architecture Diagrams (Azure / AWS / GCP) Use Cases
- Text-to-Diagram Generation: Recreating a cloud infrastructure solution design from raw textual explanations or requirements lists.
- Diagram Reverse Engineering: Rebuilding and tidying up architecture layouts from an uploaded screenshot or low-resolution reference image.
- Multi-Cloud Documentation: Documenting complex multi-cloud environments spanning Azure, AWS, and Google Cloud within unified canvases.
- Technical Proposals: Generating visual, professional assets for technical RFCs, architecture reviews, or client-facing slide decks.
How Cloud Architecture Diagrams (Azure / AWS / GCP) Works
- Provider Identification: Determine the primary cloud provider (AWS, Azure, GCP, Microsoft, or Fabric) based on requirements or manual user selection.
- Icon Resolution: Resolve service-specific components using the offline index with script-based lookup validation to ensure perfect matches.
- Spec Drafting: Formulate a declarative JSON specification describing boundary zones, individual nodes, and directional edges with custom labels.
- Compilation: Execute the builder script to automatically generate identical .excalidraw and .drawio assets containing embedded base64 graphics.
- Validation and Refinement: Convert the output schema into a preview PNG to visually check for arrow clipping, element overlaps, or alignment issues before final delivery.
Cloud Architecture Diagrams (Azure / AWS / GCP) Setup
# Ensure Python 3 is installed, then clone or access the skill directory
# Query the offline library to find and verify vendor icons
python scripts/find_icon.py "S3" --provider aws -n 4
# Generate both Excalidraw and Draw.io diagrams from your JSON specification
python scripts/build_diagram.py my_spec.json --out-prefix /mnt/user-data/outputs/my_diagram
# Render a PNG preview of the Excalidraw diagram for immediate feedback
python scripts/preview_png.py /mnt/user-data/outputs/my_diagram.excalidraw -o /tmp/preview.png
Cloud Architecture Diagrams (Azure / AWS / GCP) Data Schema & Taxonomy
This skill utilizes a standardized structure to map logical architecture configurations into visual components:
Directory Map
| Path | Purpose |
|---|---|
scripts/ |
Python automation files for mapping nodes, locating icons, and compiling drawings |
assets/icons/ |
Offline-bundled SVG assets categorised into vendor folders |
references/ |
Schemas, indices, and icon-mapping configurations |
<name>.excalidraw |
Highly interactive JSON-based drawing compatible with excalidraw.com |
<name>.drawio |
Self-contained mxGraph XML schema compatible with app.diagrams.net |
JSON Spec Taxonomy
provider: Set as the primary icon set target (e.g.,aws,azure,gcp,microsoft,fabric)zones: Boundary groupings mapping virtual environments like VPCs, subnets, and subscriptionsnodes: Service components specifying titles, descriptions, and icon search keysedges: Directed data flows containing custom descriptive metadata and point-to-point routing coordinates
Cloud Architecture Diagrams (Azure / AWS / GCP) Advanced Features
- Native Draw.io Stencil Conversion: Toggle draw.io native shapes (
--drawio-shapes) to convert SVG blocks into scalable, styleable, vector-based elements within diagrams.net. - Dynamic Icon Expansion: Add new providers or refresh existing vector libraries with automatic filename matching using the
add_icon_pack.pyutility. - Multi-Cloud Overrides: Render diagrams featuring multiple vendor ecosystems by setting node-level overrides to draw icons from different libraries simultaneously.
- Local Preview Rendering: Generate offline PNG representations of drawing specifications instantly for immediate verification, without importing into a browser first.
SKILL.md
Loading
Related Openclaw Skills
Infinite Powers
An executable knowledge toolkit based on Steven Strogatz's book that helps users understand calculus intuitively without complex calculations.
Crypto One-Way Market
An automated cryptocurrency market analysis tool to fetch OHLCV candle data and classify price action into strong trend or range-bound market regimes.
Bilibili Video Transcription & Summary (yt-dlp Enhanced)
An automated pipeline to extract metadata, retrieve subtitles, transcribe audio via SiliconFlow ASR, and summarize Bilibili videos using yt-dlp.
Codex Token Usage
A high-performance command-line utility for parsing local Codex and OpenAI JSONL logs to generate detailed, localized token usage audits.
Ignition: Rocket Propellant History & Chemistry
An interactive AI agent skill and historical toolkit based on John D. Clark's legendary book on liquid rocket propellant chemistry and engineering.
I've Been Thinking
An interactive, AI-driven spiritual and self-improvement reflection toolkit inspired by Maria Shriver's "I've Been Thinking..." to cultivate purpose and resilience.
Featured*
