Creates and edits Mermaid diagrams for flowcharts, sequence diagrams, ERDs, state machines, architecture diagrams, process flows, timelines, and more. Use when user mentions diagram, flowchart, mermaid, visualize, refactor diagram, sequence diagram, ERD, architecture diagram, process flow, state machine, or needs visual documentation.
Inherits all available tools
Additional assets for this skill
This skill inherits all available tools. When active, it can use any tool Claude has access to.
EXAMPLES.mdTROUBLESHOOTING.mdWORKFLOW.mdExpert skill for creating clear, professional Mermaid diagrams for documentation and visualization.
graph/flowchart - Flowcharts and decision trees
sequenceDiagram - API interactions and workflows
classDiagram - Object-oriented structures
stateDiagram-v2 - State machines and transitions
erDiagram - Database relationships
gantt - Project timelines
pie - Data distributions
gitGraph - Git branching strategies
journey - User experience flows
quadrantChart - Priority matrices
timeline - Historical events
Readability First
Meaningful Styling
Professional Output
```mermaid
graph TD
A[Start] --> B{Decision}
B -->|Yes| C[Action 1]
B -->|No| D[Action 2]
%% Styling
classDef success fill:#90EE90
classDef error fill:#FFB6C6
class C success
class D error
```
See WORKFLOW.md for detailed step-by-step methodology including diagram type selection, creation process, styling guidelines, and quality validation.
See EXAMPLES.md for comprehensive examples of all diagram types with real-world use cases.
See TROUBLESHOOTING.md for common syntax errors, rendering issues, and optimization tips.
This skill auto-invokes when triggered by keywords. For manual control, use the /diagram command.
When invoked by /doc-generate, this skill provides diagram generation capabilities for comprehensive documentation.