diagram-skills

Diagrams & Visuals — 9 Skills

Select the skill matching the user's need, then read its SKILL.md.

| Skill | Description |

|-------|-------------|

| [code-flow-visualizer](./code-flow-visualizer/SKILL.md) | Convert Python, JavaScript, and TypeScript functions into Mermaid flowcharts |

| [excalidraw-diagram-guide](./excalidraw-diagram-guide/SKILL.md) | Generate hand-drawn style Excalidraw diagrams from text descriptions |

| [json-data-visualizer](./json-data-visualizer/SKILL.md) | Guide to JSON Crack for visualizing complex JSON data structures |

| [kroki-diagram-api](./kroki-diagram-api/SKILL.md) | Generate diagrams from text via Kroki's multi-format rendering API |

| [mermaid-architect-guide](./mermaid-architect-guide/SKILL.md) | Design complex multi-diagram architectures using advanced Mermaid syntax |

| [mermaid-diagram-guide](./mermaid-diagram-guide/SKILL.md) | Create flowcharts, sequence diagrams, and architecture diagrams with Mermaid |

| [plantuml-guide](./plantuml-guide/SKILL.md) | Create UML diagrams and architecture visualizations with PlantUML |

| [scientific-illustration-guide](./scientific-illustration-guide/SKILL.md) | Create graphical abstracts, schematic diagrams, and scientific illustrations |

| [tldraw-whiteboard-guide](./tldraw-whiteboard-guide/SKILL.md) | Guide to tldraw for infinite canvas whiteboarding and diagram creation |