Render clean blueprint-style SVG diagrams from JSON specs. Use when users ask to draw, sketch, or diagram a request flow, neural net, transformer block, system architecture, state machine, data pipeline, or any node-and-edge technical visual they want as an SVG for docs, READMEs, posts, or slides.
Install
npx skills add davila7/claude-code-templates --skill diagrammernpx skills add davila7/claude-code-templates --skill diagrammer -a claude-code -gnpx skills add davila7/claude-code-templates --skill diagrammer -a codex -ggemini skills install https://github.com/davila7/claude-code-templates.git --path cli-tool/components/skills/creative-design/diagrammergh skill install davila7/claude-code-templates diagrammergit 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/diagrammer ~/.claude/skills/diagrammer # Claude Code
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/creative-design/diagrammer ~/.agents/skills/diagrammer # Codex, Cursor, Gemini CLI, Copilot, OpenCode