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