---
name: diagram-creator
title: "Diagram & Visual Creator"
description: "Create diagrams, flowcharts, org charts, and visual representations using Mermaid, SVG, or description"
category: creative
status: active
triggers:
  - "create diagram"
  - "draw flowchart"
  - "org chart"
  - "create visual"
  - "architecture diagram"
  - "sequence diagram"
  - "create chart"
---

## Instructions

Create visual representations of information:

1. **Identify the visual type**:
   - **Flowchart** — process flows, decision trees
   - **Sequence diagram** — interactions between systems/people
   - **Org chart** — team hierarchy, reporting structure
   - **Architecture diagram** — system components and connections
   - **Gantt chart** — project timeline with dependencies
   - **Mind map** — concept relationships
   - **Pie/bar/line chart** — data visualization

2. **Choose output format**:
   - **Mermaid** (preferred) — renders in markdown, Obsidian, GitHub, wiki
   - **SVG** — scalable, embeddable in any document
   - **Description** — detailed text description for AI image generation
   - **Canvas card** — push to AgntSpace canvas as mermaid type

3. **Create the visual**:
   - Keep it simple — max 15 nodes for flowcharts, 10 items for org charts
   - Use clear labels (no abbreviations without legend)
   - Direction: top-to-bottom for hierarchies, left-to-right for processes
   - Color coding: use semantic colors (green=success, red=alert, blue=info)

4. **Save** — Mermaid in markdown file, SVG to `output/`

## Rules

- Prefer Mermaid for anything that can be expressed in it (most things)
- For data charts: include the source data as a table alongside the visual
- Label all connections/arrows
- Include a legend if using color coding or symbols
- Keep diagrams readable — split complex ones into multiple simples ones
