Mermaid diagram creation covering flowcharts, sequence diagrams, ERDs, state machines, Gantt charts, and architecture views. Use when creating or updating technical diagrams in documentation.
Quickly install mermaid-diagramming AI skill to your development environment via command line
Source: nickcrew/claude-ctx-plugin.
Create clear, professional Mermaid diagrams for technical documentation. Covers all major diagram types with both basic and styled variants, rendering guidance, and export recommendations.
| references/diagram-types.md | Syntax, patterns, and code examples for every Mermaid diagram type | Choosing or building a diagram |
| Process flow, decisions, branching | flowchart | | Interactions over time between systems/actors | sequenceDiagram | | Data model and relationships | erDiagram | | Object structure and inheritance | classDiagram | | States and transitions | stateDiagram-v2 | | Project schedule and dependencies | gantt | | Proportions or distribution | pie |
Mermaid diagram creation covering flowcharts, sequence diagrams, ERDs, state machines, Gantt charts, and architecture views. Use when creating or updating technical diagrams in documentation. Source: nickcrew/claude-ctx-plugin.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill mermaid-diagrammingMermaid diagram creation covering flowcharts, sequence diagrams, ERDs, state machines, Gantt charts, and architecture views. Use when creating or updating technical diagrams in documentation. Source: nickcrew/claude-ctx-plugin.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill mermaid-diagramming Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/nickcrew/claude-ctx-plugin