mermaid-diagrams

Installation
Summary

Text-based software diagrams for domain modeling, system architecture, data flows, and process visualization.

  • Supports 9+ diagram types including class diagrams, sequence diagrams, flowcharts, entity relationship diagrams, C4 architecture diagrams, state machines, git graphs, and charts
  • All diagrams defined as plain text with version-controllable .mmd files; native rendering in GitHub, GitLab, VS Code, Notion, and Obsidian
  • Includes detailed references for each diagram type covering syntax, relationships, cardinality, participants, decision logic, and styling options
  • Configurable themes, layout engines, and export options via Mermaid Live Editor, CLI, or Docker for PNG/SVG output
SKILL.md

Mermaid Diagramming

Create professional software diagrams using Mermaid's text-based syntax. Mermaid renders diagrams from simple text definitions, making diagrams version-controllable, easy to update, and maintainable alongside code.

Core Syntax Structure

All Mermaid diagrams follow this pattern:

diagramType
  definition content

Key principles:

  • First line declares diagram type (e.g., classDiagram, sequenceDiagram, flowchart)
  • Use %% for comments
  • Line breaks and indentation improve readability but aren't required
  • Unknown words break diagrams; parameters fail silently
Related skills
Installs
4.0K
GitHub Stars
1.8K
First Seen
Jan 20, 2026