Diagram

---
name: diagram-skills
description: "9 diagrams & visuals skills. Trigger: creating diagrams, flowcharts, architecture visuals, LaTeX drawings. Design: tool-specific guides (Mermaid, Excalidraw, TikZ) with academic conventions."
---

# 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 |