skills.rest
aniryou
aniryouCOMMUNITY
Explore all skills by this author →
GitHub

architecture-skill

Generate cloud architecture diagrams with official provider icons and editable draw.io output.

Updated Jun 25, 2026
Search Tags:#AWS#Mermaid#Azure#GCP#draw.io#cloud architecture#diagram generation
One-click install
npx skills add https://github.com/aniryou/drawing-skills --skill architecture-skill-aniryou
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: architecture-skill
Source: https://github.com/aniryou/drawing-skills/tree/main/architecture-skill
Command: npx skills add https://github.com/aniryou/drawing-skills --skill architecture-skill-aniryou

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires diagrams.

What problem does it solve?

Manually creating consistent, professional cloud architecture diagrams with official provider icons is time-consuming and error-prone, especially when working across multiple cloud providers or needing editable outputs for team collaboration. This skill eliminates that friction by generating polished, standardized diagrams from a simple declarative specification.

Core Features & Use Cases

  • Multi-cloud support: Generate diagrams for AWS, Google Cloud, and Azure using official provider service icons, or mix providers for multi-cloud architectures.
  • Multiple editable outputs: Export self-contained SVGs with base64-embedded icons for inline GitHub rendering, optional PNG rasters, and fully editable draw.io / diagrams.net files that preserve all geometry and icons.
  • Use cases: Convert Mermaid or whiteboard sketches to polished cloud-style service diagrams, create consistent architecture documentation, export existing diagrams to editable draw.io format, or build multi-cloud architecture visuals for cross-team reviews.

Quick Start

Use the architecture-skill to generate a cloud architecture diagram of your serverless request pipeline with official AWS icons, output as a self-contained SVG and editable draw.io file.

Frequently Asked Questions about architecture-skill

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

FAQPage Schema
How do I generate AWS architecture diagrams with official provider icons?▼

You can generate AWS architecture diagrams with official provider icons by defining a declarative specification that the skill renders into polished, self-contained SVGs with base64-embedded icons. It also supports Azure and GCP service icons for multi-cloud architectures.

Can I convert Mermaid sketches into editable draw.io cloud diagrams?▼

Yes, you can convert Mermaid or whiteboard sketches into editable draw.io cloud diagrams. The skill outputs fully editable draw.io files that preserve all geometry and official provider icons for team collaboration.

What is the best way to visualize a multi-cloud architecture across AWS, Azure, and GCP?▼

The best way to visualize multi-cloud architecture is using a declarative spec format that mixes official AWS, Azure, and GCP service icons. This generates standardized, professional diagrams avoiding manual, error-prone creation.

Does the generated SVG output render correctly inline on GitHub?▼

Yes, the generated SVG output renders correctly inline on GitHub because it produces self-contained SVG files with base64-embedded provider icons. This eliminates external image dependencies for architecture documentation.

Do I need to install Python dependencies to create cloud architecture diagrams?▼

Yes, you need to install the Python diagrams dependency to create cloud architecture diagrams. The skill uses bundled renderer tooling alongside this dependency to process declarative specs into SVGs, PNGs, and draw.io files.

Related Skills

Explore More Software Engineering Skills→
tarrragontarrragon

mermaid-ascii

Convert Mermaid diagrams to ASCII or Unicode renderings via CLI.

Community
Advanced
YH-05YH-05
1

drawio

Generate native .drawio XML diagrams from natural language descriptions.

Community
Intermediate
bengousbengous
3

mermaid-diagrams

Create, edit, and fix Mermaid diagrams from natural language prompts.

Community
Basic
sunLeeesunLeee

diagram-generator

Analyze codebases to generate Mermaid diagrams and Draw.io XML.

Community
Advanced