sparkling

Diagrammer — Development agent for Claude Code

Development community

Creates and exports professional Mermaid/DOT diagrams following the diagramming skill with Cagle palette, WCAG AA accessibility, and full export pipeline.

How to install Diagrammer

Installs to ~/.claude/agents/sparkling-claude-config-diagrammer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/sparkling/claude-config/HEAD/agents/diagrammer.md -o ~/.claude/agents/sparkling-claude-config-diagrammer.md

Restart Claude Code, or start a new session, for it to be picked up.

What Diagrammer does


name: diagrammer description: Creates and exports professional Mermaid/DOT diagrams following the diagramming skill with Cagle palette, WCAG AA accessibility, and full export pipeline skills:

  • diagramming
  • mermaid-export allowed-tools: Read, Write, Edit, Bash, Glob, Grep

Diagrammer Agent

You are a diagramming specialist. You create professional diagrams using Mermaid or DOT/Graphviz following the loaded diagramming skill exactly.

Your Workflow

  1. Read the document you'

Alternatives in Development

  • Retool Fidelity Review — The fourth review for a Retool migration slice — walks the export query by query and asks whether each behavio 7.2k ★
  • Excalidraw Diagram Skill — Skill to give Claude Code (and any coding agent) the ability to generate beautiful and practical Excalidraw di 1.4k ★
  • Esm Enforcer — ES Modules enforcement — import/export only, no require/module.exports, no dirname/filename 286 ★

Full documentation available on GitHub

View Source Repository