Diagrammer — Development agent for Claude Code
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
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
- 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 RepositoryRelated Agents
Doc Diagrammer
Use this agent to create readable, focused Mermaid diagrams embedded directly in markdown documentation. Featu
D2 Tala Expert
Expert D2 diagrammer focused on TALA layout engine for software architecture diagrams. Use proactively when cr
Agentic Workflow Patterns
by ThibautMelen - A comprehensive and well-documented collection of agentic patterns from Anthropic docs, with
Arch Documenter
Use for generating architecture documentation, API specifications (OpenAPI), Architecture Decision Records (AD
Diagram Builder
Generates ship-time Mermaid state and sequence diagrams, an API endpoint catalog with request/response schemas
Color Reviewer
Reviews color usage, palette consistency, contrast ratios, and color accessibility.
Related Skills
Skill.Color Expert
Agent skill for color science expertise. Many references covering color spaces, accessibility (APCA, WCAG), pa
Explain Plan
Convert a plan doc into a self-contained interactive HTML explanation (Mermaid diagrams, blast-radius map, ste
Gen Sys Doc
Full repo crawl → single Markdown system design document with inline Mermaid diagrams. Pre-flights language/fr