mermaid - Create GitHub-Compatible Mermaid Diagrams
Guide for creating Mermaid diagrams compatible with GitHub dark and light modes
Tags
Updated: 2026-03-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create Mermaid diagram code
- style diagram nodes
- style subgraphs
- define class styles
- apply color schemes
Inputs
- Mermaid diagram content
- GitHub markdown file
- Color preferences
- Mermaid editor
Outputs
- Mermaid diagram code
- Styled Mermaid diagram
- GitHub-compatible diagram
Requirements
- GitHub markdown support
- Mermaid renderer
- Markdown file format