home/categories/design/mathews-tom-armory-skills-architecture-diagram-skill-md
designcontent-media

architecture-diagram

Generate detailed layered architecture diagrams as self-contained HTML artifacts with inline SVG icons, CSS Grid nested container layout, SVG path connection overlays, and color-coded connection legends. Triggers on: "architecture diagram", "infra diagram", "system diagram", "deployment diagram", "network diagram", "topology", "draw architecture", "visualize architecture", "system topology", or any request for visual representation of system components, containment hierarchy, and interconnections. For architecture reviews, audits, critiques, or design assessments, use architecture-reviewer instead.

Mathews-Tom
maintainer
Mathews-Tom
Mis à jour 4/7/2026
Étoiles
155
Forks
25
quick start

Installation and usage

Generate detailed layered architecture diagrams as self-contained HTML artifacts with inline SVG icons, CSS Grid nested container layout, SVG path connection overlays, and color-coded connection legends. Triggers on: "architecture diagram", "infra diagram", "system diagram", "deployment diagram", "network diagram", "topology", "draw architecture", "visualize architecture", "system topology", or any request for visual representation of system components, containment hierarchy, and interconnections. For architecture reviews, audits, critiques, or design assessments, use architecture-reviewer instead.

Installation
$ install --globalskills.sh
Utilisation

Après l'installation, vous pouvez utiliser ce skill en exécutant la commande suivante dans votre terminal :

skills use architecture-diagram