mermaid - GitHub-Compatible Mermaid Diagrams
Create professional Mermaid diagrams that render correctly on GitHub in both light and dark modes
Tags
Updated: 2026-03-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create flowchart diagrams
- apply dark fill styles
- define subgraph styles
- style diagram nodes
- configure link types
- set color palettes
Inputs
- mermaid diagram code
- node labels
- color palette
- flowchart structure
Outputs
- mermaid diagram code
- styled diagram markdown
- color scheme definitions
Requirements
- markdown renderer
- GitHub markdown support
- Mermaid syntax support