flowchart

What problem does it solve?

Mermaid flowcharts often suffer from unclear layouts, inconsistent styling, and accessibility issues. This skill provides structured guidance for designing readable, maintainable diagrams that communicate complex processes clearly.

Core Features & Use Cases

• Clear layout strategies (LR vs TD, phase-based organization) to fit different screen widths
• Semantic color usage and accessible styling to improve readability
• Mermaid-specific techniques (subgraphs, classDef, edge labels, and styling) for maintainable diagrams
• Templates and reference patterns for common diagrams (simple pipelines, decision trees, multi-phase workflows)

Quick Start

Create a simple Mermaid flowchart with LR layout showing a Start → Init → Done path.