← LeaderboardThe Skill Leaderboard

diagram-skills

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

Published by brycewang-stanford ↗brycewang-stanford/Auto-Empirical-Research-Skills

Try your first task

diagram-skills

Start a fresh conversation. Replace the highlighted placeholders.

Use diagram-skills to convert a supplied [Python, JavaScript, or TypeScript function] into a Mermaid flowchart that preserves the actual control flow and shows observed branches and loops.

Required inputs

  • [Python, JavaScript, or TypeScript function]

User-approved starter prompt based on a pinned source version; check current skill requirements before running. Task evidence ↗

SKILL.md

name: diagram-skillsdescription: "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.

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