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

Read the document you'

Alternatives in Development

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 ★
Agentic Workflow Patterns — by ThibautMelen - A comprehensive and well-documented collection of agentic patterns from Anthropic docs, with 204 ★