tools-mermaid
Mermaid Diagrams
Overview
Mermaid is a markdown-based diagramming tool that renders in GitHub, GitLab, Notion, and documentation sites. Use this skill to create visual diagrams in markdown files.
When to Use
- Documenting system architecture
- Visualizing API flows and sequences
- Creating database ER diagrams
- Illustrating state machines
- Project timelines and Gantt charts
- Git branch strategies
Basic Syntax
```mermaid
flowchart LR
A --> B --> C
More from tjboudreaux/cc-visualization-skills
tools-visual-ascii-arch
Express product, service, or data architectures through layered ASCII diagrams suitable for terminals, PRs, and ADRs.
3tools-visual-retro
Facilitate retrospectives and experiment readouts using ASCII grids, timelines, and heatmaps for rapid comprehension.
3tools-visual-cheatsheets
Build portable ASCII command panels summarizing CLI workflows (e.g., GitHub CLI, deployment scripts) for quick reference.
3tools-visual-workflows
Communicate multi-step workflows using consistent ASCII flowcharts and timelines that paste cleanly into PRs, issues, and chats.
3tools-visual-state-machines
Model user journeys, retention loops, or process states with ASCII state machines and storyboards.
3