SkillHey.
Submit a skill

Diagram (Mermaid, Excalidraw) Skills for Claude Code, Codex & AI Agents

These skills help an agent turn structure into a diagram that people can inspect. Members cover Mermaid, Excalidraw, JSON Canvas, architecture graphs, flowcharts, annotation tools, and dashboards.

30 skills

Explore Diagram (Mermaid, Excalidraw) skills

4 skills
RecommendedNewest first
Free
Video & Motion

ManimGX

Create mathematical explanations and 3D animations in Python, inspect their layout and timing, and export MP4 videos with editable scene source.

2.7KStars190Forks
Repository last pushed
Academa Labs
Animated job queue state machine with workers, retries and replay controls.
Free
Web & UI

Visual Explainer

Turn systems, code changes and plans into visual HTML pages, diagrams and slide decks.

11KStars697Forks
Repository last pushed
Nico Bailon
An illustrated furniture assembly guide in the author's IKEA manual infographic style.
Free
Images

Infographic Creator

Transform source material into an infographic using selectable layouts and visual styles.

27.5KStars3KForks
Repository last pushed
Jim Liu (宝玉)

Garden Visual and Knowledge Skills

ConardLi

Create visual HTML articles, interfaces, images, motion videos and narrated web presentations, or retrieve local knowledge.

  • web-design
  • visualization
15KStars1.7KForks
Repository last pushed

Related topics

Images 59 skillsAI Image Generation 19 skillsImage Editing 16 skillsThumbnail 5 skills

How to choose Diagram (Mermaid, Excalidraw) skills

Use Mermaid for text-defined diagrams, Excalidraw or Canvas for freeform explanation, and architecture or graph entries when relationships are the subject.

  • Draw an architecture diagram from a codebase
  • Convert a process into a Mermaid flowchart
  • Annotate a plan or visual artifact