D2 Diagram Creator
This automates D2 diagram creation, the declarative diagramming language that renders to SVG. It triggers when you mention "d2 diagram creator" or related phrases and has access to read, write, edit, bash, and grep tools. Part of the Visual Content category alongside Mermaid and other visualization tools. The source is pretty bare bones on specifics, but the core idea is solid: D2 is cleaner than most diagramming syntaxes and produces professional looking architecture diagrams, flowcharts, and sequence diagrams without fighting with GUI tools. If you're already writing docs as code, this slots right in.
- skills.sh installs
- 335
- GitHub stars
- 2.6K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add jeremylongshore/claude-code-plugins-plus-skills --skill d2-diagram-creator --agent claude-codeInstalls into .claude/skills of the current project.
Files
D2 Diagram Creator
Overview
This skill provides automated assistance for d2 diagram creator tasks within the Visual Content domain.
When to Use
This skill activates automatically when you:
- Mention "d2 diagram creator" in your request
- Ask about d2 diagram creator patterns or best practices
- Need help with visual content skills covering diagrams, charts, presentations, and visual documentation tools.
Instructions
- Provides step-by-step guidance for d2 diagram creator
- Follows industry best practices and patterns
- Generates production-ready code and configurations
- Validates outputs against common standards
Examples
Example: Basic Usage Request: "Help me with d2 diagram creator" Result: Provides step-by-step guidance and generates appropriate configurations
Prerequisites
- Relevant development environment configured
- Access to necessary tools and services
- Basic understanding of visual content concepts
Output
- Generated configurations and code
- Best practice recommendations
- Validation results
Error Handling
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/jeremylongshore/claude-code-plugins-plus-skills
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from jeremylongshore/claude-code-plugins-plus-skills
All 13Recommended
More Design & UI/UX
pp-wanderlust-goatmvanhorn/printing-press-libraryWhat a knowledgeable local with great taste would tell you to walk to. Use for ANY place-recommendation query — whether anchored ('near me', 'from here') or cit335skills.sh installs
mui-basepproenca/dot-skillsMUI Base UI style guidelines for building headless React component libraries (formerly headless-ui-style). This skill should be used when creating unstyled UI c335skills.sh installs
understanding-tauri-architecturedchuk/claude-code-tauri-skillsTeaches Claude about Tauri's core architecture, including the Rust backend, webview integration, Core-Shell design pattern, IPC mechanisms, and security model f334skills.sh installs
accelint-ts-best-practicesgohypergiant/agent-skillsComprehensive TypeScript/JavaScript coding standards focusing on type safety, defensive programming, and code correctness. Use when (1) Writing or reviewing TS/334skills.sh installs
svg-icon-makerheroygt/skillsGenerate production-quality SVG icons with COLOR support using VTracer vectorization. Converts raster images to clean, colorful SVG paths.333skills.sh installs
go-to-market-strategymanojbajaj95/claude-gtm-pluginComprehensive go-to-market strategy and launch execution skill. Use when planning a product launch, feature announcement, market entry, or release strategy. Act333skills.sh installs