Mermaid diagram syntax reference and templates for technical documentation. Use when creating flowcharts, ERD diagrams, sequence diagrams, state diagrams, or architecture visualizations. Provides syntax reference, templates for common use cases, and validation patterns.
From opspal-corenpx claudepluginhub revpalsfdc/opspal-commercial --plugin opspal-coreThis skill is limited to using the following tools:
erd-syntax.mdflowchart-syntax.mdsequence-syntax.mdstate-syntax.mdDesigns and optimizes AI agent action spaces, tool definitions, observation formats, error recovery, and context for higher task completion rates.
Guides using Bun as runtime, package manager, bundler, and test runner for JS/TS projects with Node comparisons, migration steps, and Vercel deployment.
Compares coding agents like Claude Code and Aider on custom YAML-defined codebase tasks using git worktrees, measuring pass rate, cost, time, and consistency.
| Type | Syntax Start | Use Case |
|---|---|---|
| Flowchart | flowchart TD | Process flows, decision trees |
| ERD | erDiagram | Data models, object relationships |
| Sequence | sequenceDiagram | API calls, integrations |
| State | stateDiagram-v2 | Lifecycle stages, status flows |
| Class | classDiagram | Object structure |
| Gantt | gantt | Timelines, project plans |
| Direction | Meaning |
|---|---|
| TB / TD | Top to Bottom |
| BT | Bottom to Top |
| LR | Left to Right |
| RL | Right to Left |
Simple Flowchart:
flowchart TD
A[Start] --> B{Decision}
B -->|Yes| C[Action 1]
B -->|No| D[Action 2]
C --> E[End]
D --> E
Basic ERD:
erDiagram
ACCOUNT ||--o{ CONTACT : has
ACCOUNT ||--o{ OPPORTUNITY : owns
OPPORTUNITY ||--|{ OPPORTUNITY_LINE_ITEM : contains
See supporting files:
flowchart-syntax.md - Flowchart patternssequence-syntax.md - Sequence diagramserd-syntax.md - Entity relationship diagramsstate-syntax.md - State machine diagrams