Mermaid Diagrams

This is a comprehensive reference for creating Mermaid diagrams in your Claude conversations. You get syntax guides and working examples for flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and more niche stuff like mindmaps and user journeys. The skill includes a React component implementation if you want to render these in a web app, plus styling options and practical tips about direction modifiers and label formatting. It's basically a cheat sheet that saves you from constantly checking the Mermaid docs. The examples are solid and cover real use cases like API flows and database schemas, not just toy demonstrations.

Install to Claude Code

npx -y skills add hoodini/ai-agents-skills --skill mermaid-diagrams --agent claude-code