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

Obsidian Mind — Mermaid Diagrams

breferrari

Transform text content into professional Mermaid diagrams for presentations and documentation.

  • mermaid
  • diagrams
5.5KStars613Forks
Repository last pushed

Mermaid Architect

SpillwaveSolutions

Create Mermaid diagrams and design documents from requirements or source code using focused reference guides.

  • diagrams
  • documentation
  • mermaid
184Stars24Forks
Repository last pushed
Pretty Mermaid Skills — Pretty Mermaid converts Mermaid source into themed SVG, PNG, and terminal ASCII diagrams
Free
Images

Pretty Mermaid Skills

Create and render Mermaid diagrams as themed SVG, PNG, or terminal-friendly text for architecture notes, READMEs, and technical discussions.

1.6KStars78Forks
Repository last pushed
imxv

Claude Mermaid

Vitalii Elenhaupt

Create and refine Mermaid diagrams with a live browser preview and export through an MCP server.

  • mermaid
  • diagrams
  • documentation
221Stars26Forks
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