Author an editorial HTML+SVG diagram with the Diagram Design kit - choose the visual type, read its reference, start from an example, and satisfy the safety and accessibility contract that diagram_write({kind:"html"}) enforces.
Install
npx skills add vecnode/vn-code --skill diagram-designnpx skills add vecnode/vn-code --skill diagram-design -a claude-code -gnpx skills add vecnode/vn-code --skill diagram-design -a codex -ggemini skills install https://github.com/vecnode/vn-code.git --path packages/dsh-diagrams/skills/diagram-designgh skill install vecnode/vn-code diagram-designgit 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/diagram-design ~/.claude/skills/diagram-design # Claude Code
cp -R /tmp/vecnode__vn-code/packages/dsh-diagrams/skills/diagram-design ~/.agents/skills/diagram-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode