iw-diagram-generatorlisted
Install: claude install-skill innovation-ways/iw-ai-core
# Innovation Ways Diagram Generator
## Purpose
Generate technical diagrams in the appropriate diagram-as-code language, applying Innovation Ways brand styling, and render them to image files (SVG or PNG).
## Instructions
### 1. Select Diagram Language
Choose the language based on the diagram type:
| Diagram Type | Language | Rationale |
|-------------|----------|-----------|
| Flowcharts | **Mermaid** | Widest support, renders in GitHub |
| Sequence diagrams | **Mermaid** | Clean syntax, good auto-layout |
| Architecture overviews (inline markdown) | **Mermaid** (flowchart with subgraphs) | Renders natively in GitHub |
| C4 Context/Container | **Mermaid** (C4 diagram type) | Native C4 support since Mermaid v10 |
| ER diagrams | **Mermaid** (erDiagram) | Good relationship notation |
| State machines | **Mermaid** (stateDiagram-v2) | Clean state representation |
| Gantt charts | **Mermaid** (gantt) | Built-in timeline support |
| Mind maps | **Mermaid** (mindmap) | Simple hierarchy |
| Class diagrams | **Mermaid** (classDiagram) | UML-compliant |
| Git graphs | **Mermaid** (gitGraph) | Branch visualization |
| Architecture overviews (high aesthetics / docs) | **D2** | Superior auto-layout, ELK-native, modern look |
| Cloud architecture with icons | **Python Diagrams** (mingrammer) | Official cloud provider icons |
| Complex UML | **PlantUML** | Most comprehensive UML support |
**Default to Mermaid** unless there is a specific reason to use another language.
### 2. Apply