architecture-diagram

Installation
SKILL.md

Architecture Diagram Generator

Generate professional HTML architecture diagrams with collision-free layout, clear connections, and unified styling.

Execution Steps

Step 1: Understand Architecture Content

Analyze user input to identify:

  1. Architecture modules and components
  2. Hierarchical relationships (entry layer, core layer, infrastructure layer)
  3. Connections between components

Step 2: Layout Planning (Required Output)

Before writing HTML, output layout planning tables:

## Layout Planning
Installs
10
GitHub Stars
3
First Seen
Apr 3, 2026
architecture-diagram — cryothrust/agent-skills