Home /Claude Skills /claude-d2-diagrams

Claude D2 Diagrams

This project offers significant technical value by automating the...
Core Principle:
claude-d2-diagrams is a Claude Code plugin that generates infrastructure and architecture diagrams and related documentation using the D2 language by scanning Terraform, Kubernetes, Docker, and other code patterns. It supports dark/light themes, animated flow displays, and over 100 cloud service icons, helping development teams quickly visualize code structures and output self-contained SVG files.
KEY FEATURES
01Multi-Language Scanning
Scans Terraform, Kubernetes, Docker, and CloudFormation code patterns.
02Theme Support
Auto-adapts to dark/light themes with corresponding SVG outputs.
03Animated Traffic Flow
Displays dynamic traffic flows respecting prefers-reduced-motion.
04Auto-Fix Validation
Validates and automatically fixes D2 syntax errors.
github.com/heathdutton/claude-d2-diagrams
devops·heathdutton·2026-01-14·3·🔱 0
Curated by agent-skills.cc
Installation
Download
HTTPS
git clone https://github.com/heathdutton/claude-d2-diagrams.git
SSH
git clone [email protected]:heathdutton/claude-d2-diagrams.git
GitHub CLI
gh repo clone heathdutton/claude-d2-diagrams
FAQ
Q: What are the installation steps for Claude D2 Diagrams Agent Skills?
1.Install Plugin: Clone project or add via marketplace to Claude.
2.Install Dependencies: Install D2 engine if not available.
3.Execute Command: Run /d2:diagram command to generate diagrams.
4.Custom Configuration: Create rules.md file for rule adjustments.
Q: What are the highlights of Claude D2 Diagrams Agent Skills?
  • Supports 100+ icons covering AWS, GCP, Azure, and other major cloud services.
  • Incremental generation feature improves efficiency by processing only changed code.
  • Outputs self-contained SVG files usable without external dependencies.
  • Animated traffic flow capability dynamically visualizes component interactions.
Q: What are the use cases for Claude D2 Diagrams Agent Skills?
  • Automate cloud infrastructure documentation to reduce manual diagramming effort.
  • Visualize codebase architecture for team technical discussions and reviews.
  • Monitor infrastructure change impacts in real-time within DevOps workflows.
  • Generate self-contained SVG files for embedding in technical documentation.
Q: What are the limitations of Claude D2 Diagrams Agent Skills?
  • Requires installation of D2 toolchain, adding environment setup complexity.
  • Custom rules necessitate manual configuration via rules.md file.
Related Claude Code Skills
system-prompts-and-models-of-ai-tools

x1xhlol/system-prompts-and-models-of-ai-tools

x1xhlol

FULL Augment Code, Claude Code, Cluely, CodeBuddy, Comet, Cursor, Devin AI, Junie, Kiro, Leap.new, Lovable, Manus, NotionAI, Orchids.app, Perplexity, Poke, Qoder, Replit, Same.dev, Trae, Traycer AI, VSCode Agent, Warp.dev, Windsurf, Xcode, Z.ai Code, Dia & v0. (And other Open Sourced) System Prompts, Internal Tools & AI Models

300k+ lines of real system prompts let you develop from the perspective of AI tool creators

108.4k28.4k
claude-code

anthropics/claude-code

anthropics

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.

Dramatically boosts development efficiency, handles complex Git operations with simple commands

56.7k4.1k
superpowers

obra/superpowers

obra

An agentic skills framework & software development methodology that works.

Not just coding but organizing development workflow - like getting a free technical lead

45.5k3.4k
context7

upstash/context7

upstash

Context7 MCP Server -- Up-to-date code documentation for LLMs and AI code editors

Solves the most frustrating problem in AI coding - outdated docs and hallucinated APIs

42.0k2.0k
cherry-studio

CherryHQ/cherry-studio

CherryHQ

AI Agent + Coding Agent + 300+ assistants: agentic AI desktop with autonomous coding, intelligent automation, and unified access to frontier LLMs.

Integrates top AI services with document processing and coding features, offering commercial-grade experience for free

38.7k3.6k
everything-claude-code

affaan-m/everything-claude-code

affaan-m

Complete Claude Code configuration collection - agents, skills, hooks, commands, rules, MCPs. Battle-tested configs from an Anthropic hackathon winner.

37k stars validate its practical essence, directly improving code quality and development efficiency

33.3k4.1k