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

2 skills

Flowchart Creator

mhattingpete

Create an HTML flowchart with process nodes, decisions and connectors.

  • flowcharts
  • diagrams
694Stars98Forks
Repository last pushed
Official Claude-Mem demonstration: a coding session beside a browser showing persistent observations.
Free
Documents

Claude-Mem Architecture Pathfinder

Map feature flows, identify repeated concerns, and propose a unified architecture with source-linked handoff prompts.

116.9KStars10.1KForks
Repository last pushed

Related topics

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