Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, user journeys, timelines, architecture diagrams, or any of 24+ diagram types. Supports JavaScript API integration, CLI rendering to SVG/PNG/PDF, theming, configuration, and accessibility features.
Install
npx skills add mrgoonie/claudekit-skills --skill mermaidjs-v11npx skills add mrgoonie/claudekit-skills --skill mermaidjs-v11 -a claude-code -gnpx skills add mrgoonie/claudekit-skills --skill mermaidjs-v11 -a codex -ggemini skills install https://github.com/mrgoonie/claudekit-skills.git --path .claude/skills/mermaidjs-v11gh skill install mrgoonie/claudekit-skills mermaidjs-v11git clone --depth 1 https://github.com/mrgoonie/claudekit-skills /tmp/mrgoonie__claudekit-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/mrgoonie__claudekit-skills/.claude/skills/mermaidjs-v11 ~/.claude/skills/mermaidjs-v11 # Claude Code
cp -R /tmp/mrgoonie__claudekit-skills/.claude/skills/mermaidjs-v11 ~/.agents/skills/mermaidjs-v11 # Codex, Cursor, Gemini CLI, Copilot, OpenCode