mcpField
D
diagram-skills

diagram-skills

github.com/wentoraiDesign & UI307175 installsUpdated 19w ago
Repository

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

  1. 01Visualize code flows with Mermaid
  2. 02Create Excalidraw diagrams from text
  3. 03Visualize JSON structures with JSON Crack
  4. 04Generate diagrams through Kroki
  5. 05Design multi-diagram Mermaid architectures
  6. 06Create Mermaid flowcharts and sequences
  7. 07Make UML diagrams with PlantUML
  8. 08Create scientific illustrations
  9. 09Use tldraw for whiteboard diagrams

Use cases

  1. 01Turn Python or JavaScript functions into flowcharts
  2. 02Render diagrams from text descriptions
  3. 03Explore complex JSON structures visually
  4. 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-skills

After installing, type/diagram-skillsin Claude Code to confirm it loaded.

Details

From the project README

Diagrams & Visuals — 9 Skills

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

SkillDescription
code-flow-visualizerConvert Python, JavaScript, and TypeScript functions into Mermaid flowcharts
excalidraw-diagram-guideGenerate hand-drawn style Excalidraw diagrams from text descriptions
json-data-visualizerGuide to JSON Crack for visualizing complex JSON data structures
kroki-diagram-apiGenerate diagrams from text via Kroki's multi-format rendering API
mermaid-architect-guideDesign complex multi-diagram architectures using advanced Mermaid syntax
mermaid-diagram-guideCreate flowcharts, sequence diagrams, and architecture diagrams with Mermaid
plantuml-guideCreate UML diagrams and architecture visualizations with PlantUML
scientific-illustration-guideCreate graphical abstracts, schematic diagrams, and scientific illustrations
tldraw-whiteboard-guideGuide to tldraw for infinite canvas whiteboarding and diagram creation

Comments

Markdown supported