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:
- Architecture modules and components
- Hierarchical relationships (entry layer, core layer, infrastructure layer)
- Connections between components
Step 2: Layout Planning (Required Output)
Before writing HTML, output layout planning tables:
## Layout Planning