Mermaid Diagrams

davila7

Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (processes, algorithms, user journeys), entity relationship diagrams (database schemas), C4…

Install

npx skills add davila7/claude-code-templates --skill mermaid-diagrams

npx skills add davila7/claude-code-templates --skill mermaid-diagrams -a claude-code -g

npx skills add davila7/claude-code-templates --skill mermaid-diagrams -a codex -g

gemini skills install https://github.com/davila7/claude-code-templates.git --path cli-tool/components/skills/creative-design/mermaid-diagrams

gh skill install davila7/claude-code-templates mermaid-diagrams

git clone --depth 1 https://github.com/davila7/claude-code-templates /tmp/davila7__claude-code-templates
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/creative-design/mermaid-diagrams ~/.claude/skills/mermaid-diagrams   # Claude Code
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/creative-design/mermaid-diagrams ~/.agents/skills/mermaid-diagrams   # Codex, Cursor, Gemini CLI, Copilot, OpenCode

Install

Related