Mermaid Diagrams

Every agent that documents systems or writes code needs diagrams. But Mermaid syntax is easy to get wrong, and choosing the right diagram type wastes time.

This skill ends both problems: correct syntax on the first try, and a built-in selection guide that picks the right diagram for your use case.

What you get:

• Class diagrams — domain modeling, object-oriented design
• Sequence diagrams — API flows, application interactions, code execution
• Flowcharts — processes, algorithms, decision trees
• ERDs — database schemas with relationships
• C4 diagrams — system context, containers, components
• State diagrams, Gantt charts, Git graphs, pie charts
• Selection guide — answers "which diagram type should I use?"
• Theming and configuration for production-quality output

Works with any Claude Code or OpenClaw agent. Paste the output directly into GitHub READMEs, Notion, Confluence, or any Markdown renderer.