claude

diagrams

Generate amazing diagrams using 4 text-based formats (SVG, Mermaid, Excalidraw, D2) with intelligent format routing, 20+ diagram types, a shared design system with color theory, WCAG accessibility, and composition rules.

10 on GitHubby Zate Bergv2.0.5MITupdated 3 months agodevelopment
/

Plugin diagrams from marketplace cc-plugins in Zate/cc-plugins. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (6)

  • d2

    Generate diagrams using D2 (Terrastruct) -- a modern, clean diagram scripting language with excellent auto-layout. Use when the diagram-router selects D2, or when the user wants clean architecture diagrams, nested containers, or prefers D2's aesthetic. Requires the d2 CLI binary.

  • design-system

    Shared design principles for all diagram formats -- color theory, composition, typography, accessibility, and quality standards. Referenced by format-specific skills (svg, mermaid, excalidraw, d2). Use when generating any visual diagram to ensure professional quality.

  • diagram-router

    Automatically select the best diagram format (SVG, Mermaid, Excalidraw, D2) and diagram type based on user intent. Use when the user asks to create, draw, visualize, or diagram something and has not specified a format. Routes to the appropriate format-specific skill.

  • excalidraw

    Generate diagrams with a hand-drawn whiteboard aesthetic by writing .excalidraw files directly. Use when the user wants informal sketches, whiteboard-style visuals, or diagrams they can open and edit in Excalidraw. Saves a local .excalidraw file -- viewing/rendering is handled separately.

  • mermaid

    Generate diagrams using Mermaid syntax -- the most LLM-friendly text-based diagram format. Use when the diagram-router selects Mermaid, or when diagrams will live in GitHub/GitLab markdown, documentation, or when quick generation with broad diagram type coverage is needed. Renders natively on major

  • svg

    Generate professional-quality diagrams as raw SVG. Use when the diagram-router selects SVG, or when the user needs pixel-precise control, custom visuals, threat models, comparisons, Venn diagrams, or any diagram type that other formats cannot handle well. SVG is the most expressive format -- unlimit

View source on GitHub

More from Zate/cc-plugins

All 9 plugins →

devloop

claude

Lightweight development workflow with plan/run/fresh pattern, git workflow integration (branch-per-plan, PR creation, PR feedback), on-demand skills, and specialized agents. Optimized for efficiency with minimal hooks and direct execution.

19 skills · 6 agents · hooks

10

security

claude

Hybrid security scanner: deterministic SAST tools (Semgrep, Gitleaks, Trivy) for detection, LLM for triage. Includes baselining, project profiles, suppressions, focused remediation, provenance-labeled findings, and zero-dependency fallback mode.

14 skills · 1 agent · hooks

10

ctx

claude

Persistent memory for Claude Code agents. Stores decisions, patterns, and knowledge in a structured graph database across sessions with auto-injection and enforcement.

5 skills · hooks

10

forge

claude

Integration with Forge headless agent job runner. Submit jobs to LLM agents (Claude, Gemini, Ollama, LM Studio), track status, and retrieve output via MCP tools.

2 skills · 1 MCP server · hooks

10

Conversational blog post creator that interviews you about your topic, captures your writing voice, drafts in your style, strips AI tells, and publishes as markdown or HTML.

1 skill · 1 agent

10

Fixes image pasting in WSL2 by auto-converting BMP clipboard content to PNG. Runs a background clip2png daemon that monitors the Wayland clipboard during Claude Code sessions.

1 skill · hooks

10

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

Automates browser interactions for web testing, form filling, screenshots, and data extraction

12 skills

vercel-labs/agent-browser 50,373

Use Alibaba Open Code Review from local Codex.

2 skills

alibaba/open-code-review 50,068

Maintain diagrams?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins9 plugins