Directory · Claude Code extensions
Diagram Design
Agent skill that draws editorial diagrams as one self-contained HTML + SVG file, styled to match your brand.
★ 54,000 stars · last updated 2026-10-13 · Free, open source · View on GitHub
Best for
- Publication-ready architecture, sequence, and quadrant diagrams from plain-language prompts
- Matching diagrams to a site's palette and fonts via onboarding
- Redrawing existing Mermaid, draw.io, or Excalidraw diagrams
- Teams using several agent hosts such as Claude Code, Codex, Copilot, Cursor, and Pi
Install
npx skills add cathrynlavery/diagram-design
/plugin marketplace add cathrynlavery/diagram-design
/plugin install diagram-design@diagram-designOur take
MIT licensed, actively maintained with CI checks for overlaps and clipping, and installable across many Agent Skills hosts, with Claude Code getting slash commands for export, import, profile, and doctor via the plugin marketplace. The README is candid that output depends on the model, layouts can vary between runs, and the result is not a diffable source format, so Mermaid remains better for docs that change often. Output is a single HTML file exportable to SVG or PNG, covering 44 to 45 diagram types.
Similar claude code extensions
- ECC: Plugin bundling agents, skills, hooks, memory, and security scanning to give Claude Code and other harnesses a structured dev workflow.
- Hermes Agent: Self-hosted, model-agnostic AI agent from Nous Research with persistent memory, self-improving skills, and chat-app access.
- REA (Reverse Engineer Anything): MCP server and CLI that lets coding agents inspect native binaries, JS/Electron apps, .NET, Android APKs and websites without source.
- Ponytail: A skill/plugin prompt that steers coding agents toward minimal code by reusing existing code, stdlib, and platform features first.
- CC Switch: Cross-platform desktop app for switching API providers and managing MCP, Skills, and Prompts across Claude Code, Codex, and other agents.
- UI UX Pro Max: Design intelligence skill for AI coding agents that generates tailored design systems, palettes, typography and UI patterns for apps.