About diagram-skills
A collection of nine skills for creating and visualizing diagrams, from Mermaid and PlantUML to Excalidraw and tldraw. It is for users turning code, text, or data into flowcharts, architecture views, and other visual materials.
Key features
- 01Visualize code flows with Mermaid
- 02Create Excalidraw diagrams from text
- 03Visualize JSON structures with JSON Crack
- 04Generate diagrams through Kroki
- 05Design multi-diagram Mermaid architectures
- 06Create Mermaid flowcharts and sequences
- 07Make UML diagrams with PlantUML
- 08Create scientific illustrations
- 09Use tldraw for whiteboard diagrams
Use cases
- 01Turn Python or JavaScript functions into flowcharts
- 02Render diagrams from text descriptions
- 03Explore complex JSON structures visually
- 04Create scientific schematics and graphical abstracts
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / github.com/ wentorai/ research-plugins --skill diagram-skillsAfter installing, type/diagram-skillsin Claude Code to confirm it loaded.
Details
From the project READMEDiagrams & Visuals — 9 Skills
Select the skill matching the user's need, then read its SKILL.md.
| Skill | Description |
|---|---|
| code-flow-visualizer | Convert Python, JavaScript, and TypeScript functions into Mermaid flowcharts |
| excalidraw-diagram-guide | Generate hand-drawn style Excalidraw diagrams from text descriptions |
| json-data-visualizer | Guide to JSON Crack for visualizing complex JSON data structures |
| kroki-diagram-api | Generate diagrams from text via Kroki's multi-format rendering API |
| mermaid-architect-guide | Design complex multi-diagram architectures using advanced Mermaid syntax |
| mermaid-diagram-guide | Create flowcharts, sequence diagrams, and architecture diagrams with Mermaid |
| plantuml-guide | Create UML diagrams and architecture visualizations with PlantUML |
| scientific-illustration-guide | Create graphical abstracts, schematic diagrams, and scientific illustrations |
| tldraw-whiteboard-guide | Guide to tldraw for infinite canvas whiteboarding and diagram creation |
Comments
Markdown supported