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
更新於 4/7/2026
星標
155
分支
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.

安裝
$ install --globalskills.sh
使用

安裝後,您可以通過在終端運行以下命令來使用此技能:

skills use architecture-diagram