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