By zate
Generate amazing diagrams using text-based formats (SVG, Mermaid, Excalidraw, D2) with intelligent format routing and a shared design system
npx claudepluginhub zate/cc-plugins --plugin diagramsGenerate 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.
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.
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.
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.
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 platforms.
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 -- unlimited visual possibilities, browser-native rendering.
Excalidraw diagramming toolkit — auto-diagram any codebase, architecture diagrams, data flows, with PNG/SVG/URL export
Generate, validate, render Mermaid diagrams from text or code
Mermaid diagram specialist for creating flowcharts, sequence diagrams, ERDs, and architecture visualizations.
Claude Code skill for generating high-quality draw.io diagrams with proper font settings, arrow placement, and Japanese text support
Create and edit diagrams with Draw.io through natural language commands. Build flowcharts, wireframes, and architecture diagrams.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Share bugs, ideas, or general feedback.
A curated marketplace of high-quality Claude Code plugins for professional development workflows.
# Add this marketplace
/plugin marketplace add Zate/cc-plugins
# Install plugins
/plugin install devloop # Workflow engine
/plugin install ctx # Persistent memory (optional but recommended)
/devloop:plan "add user authentication" # 1. Plan - explore and design
/devloop:run # 2. Build - implement autonomously
/devloop:ship # 3. Ship - commit and PR
# Repeat # 4. Start next feature
That's it. Claude does the work. You stay in control.
Need deep exploration? Use /devloop:plan --deep "topic" for comprehensive analysis.
Context getting heavy? Use /devloop:fresh && /clear && /devloop:run every 5-10 tasks.
New to plugins? Check out the Getting Started Guide for a complete walkthrough.
| Plugin | Description | Components |
|---|---|---|
| devloop | Development workflow engine with autonomous planning and execution | 13 commands, 7 agents, 15 skills |
| ctx | Persistent memory for Claude across sessions | 3 skills |
| security | OWASP ASVS-aligned security audits | 1 command, 17 agents |
| diagrams | Text-based diagram generation (SVG, Mermaid, Excalidraw, D2) | 6 skills |
| blog-writer | Conversational blog post creator | 1 command, 2 agents |
| wsl-clipboard-fix | WSL2 clipboard image paste fix | 1 skill, hooks |
The flagship plugin for professional software development. Simple workflow: plan, build, ship, repeat.
/plugin install devloop
# The workflow
/devloop:plan "add user authentication" # Plan with autonomous exploration
/devloop:run # Execute tasks autonomously
/devloop:ship # Commit and create PR
# Variations
/devloop:plan --deep "should we use OAuth?" # Deep exploration first
/devloop:plan --quick "fix the typo" # Skip planning for tiny tasks
/devloop:plan --from-issue 42 # Start from GitHub issue
Why devloop?
v3.18 Highlights:
/devloop:runRead the full devloop documentation →
Claude Code plugins extend your development environment with:
| Component | Purpose | Example |
|---|---|---|
| Commands | Custom slash commands | /devloop:quick Fix the bug |
| Agents | Specialized subagents | code-reviewer, test-generator |
| Skills | Domain knowledge | go-patterns, security-checklist |
| Hooks | Event automation | Auto-detect project type on session start |
| MCP Servers | External integrations | Connect to databases, APIs, services |
# Add marketplace
/plugin marketplace add Zate/cc-plugins
# Install specific plugin
/plugin install devloop
# Install from local path
/plugin install /path/to/cc-plugins/plugins/devloop
# Install from GitHub
/plugin install https://github.com/Zate/cc-plugins/plugins/devloop
# List installed plugins
/plugin list
# Check plugin details
/plugin info devloop
Want to contribute a plugin? We maintain high quality standards.
# Copy the template
cp -r templates/plugin-template plugins/your-plugin-name
# Update manifest
vim plugins/your-plugin-name/.claude-plugin/plugin.json
# Test locally
/plugin install /absolute/path/to/plugins/your-plugin-name
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim