Author Mermaid diagrams that parse the first time: choose the right diagram type for the question, write syntax the parser accepts, and keep the picture readable in a narrow panel. A bundled reference covers complex, large diagrams.
Install
npx skills add vecnode/vn-code --skill mermaid-diagramsnpx skills add vecnode/vn-code --skill mermaid-diagrams -a claude-code -gnpx skills add vecnode/vn-code --skill mermaid-diagrams -a codex -ggemini skills install https://github.com/vecnode/vn-code.git --path packages/dsh-diagrams/skills/mermaid-diagramsgh skill install vecnode/vn-code mermaid-diagramsgit clone --depth 1 https://github.com/vecnode/vn-code /tmp/vecnode__vn-code
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/vecnode__vn-code/packages/dsh-diagrams/skills/mermaid-diagrams ~/.claude/skills/mermaid-diagrams # Claude Code
cp -R /tmp/vecnode__vn-code/packages/dsh-diagrams/skills/mermaid-diagrams ~/.agents/skills/mermaid-diagrams # Codex, Cursor, Gemini CLI, Copilot, OpenCode