D2 Diagram Creator
- 326 installs
- 2.6k repo stars
- Updated August 5, 2026
- jeremylongshore/claude-code-plugins-plus-skills
d2-diagram-creator is a Claude Code agent skill that generates architecture, sequence, and flow diagrams as D2 source for developers who need versioned diagrams in docs, wikis, or pull requests.
About
d2-diagram-creator is version 1.0.0 MIT-licensed skill by Jeremy Longshore in jeremylongshore/claude-code-plugins-plus-skills. The SKILL.md auto-activates on phrases such as d2 diagram creator, d2 creator, or d2 within the Visual Content category. Allowed tools include Read, Write, Edit, Bash(cmd:*), and Grep so agents can draft D2 DSL files, suggest layouts, and validate syntax for architecture, sequence, and flow diagrams. The skill targets diagrams you can commit beside code, review in pull requests, and render with D2 tooling in docs or wikis. Developers reach for d2-diagram-creator when they want text-based system maps and flows instead of manual diagram GUI work, especially during design reviews or technical documentation updates.
- Text-native diagram syntax
- Architecture and sequence flows
- Version-control friendly output
- Fast edits without GUI tools
- Consistent styling across docs
D2 Diagram Creator by the numbers
- 326 all-time installs (skills.sh)
- +10 installs in the week ending Aug 2, 2026 (Skillselion tracking)
- Ranked #438 of 1,879 Documentation skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/jeremylongshore/claude-code-plugins-plus-skills --skill d2-diagram-creatorAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 326 |
|---|---|
| repo stars | ★ 2.6k |
| Last updated | August 5, 2026 |
| Repository | jeremylongshore/claude-code-plugins-plus-skills ↗ |
How do you create versioned architecture diagrams as code?
Generate architecture, sequence, and flow diagrams as D2 source you can version, review in PRs, and render in docs, wikis, or design reviews.
Who is it for?
Developers documenting systems who want commit-friendly D2 diagrams for architecture, sequence, and flow views inside agent-assisted docs workflows.
Skip if: Teams standardized on Mermaid-only tooling or workflows needing rich auto-layout GUI editors instead of D2 text diagrams.
When should I use this skill?
The user mentions d2 diagrams, d2 creator, architecture diagrams as code, or wants sequence and flow charts in D2 syntax.
What you get
D2 source files, layout suggestions, and syntax validation notes ready for render pipelines or documentation commits.
- D2 source files
- diagram layout notes
By the numbers
- Skill version 1.0.0 in SKILL.md frontmatter
- MIT license declared in jeremylongshore skill metadata
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
1. Provides step-by-step guidance for d2 diagram creator 2. Follows industry best practices and patterns 3. Generates production-ready code and configurations 4. 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
| Error | Cause | Solution |
|---|---|---|
| Configuration invalid | Missing required fields | Check documentation for required parameters |
| Tool not found | Dependency not installed | Install required tools per prerequisites |
| Permission denied | Insufficient access | Verify credentials and permissions |
Resources
- Official documentation for related tools
- Best practices guides
- Community examples and tutorials
Related Skills
Part of the Visual Content skill category. Tags: diagrams, mermaid, charts, visualization, presentations
Related skills
Lark MarkdownInstantly turn any markdown file into clean, formatted Lark/Figma-compatible documents without manual reformatting.488k
Lark DocCreate, read, update, summarize, rewrite and manage Feishu/Lark cloud documents directly from agent workflows.401k16.1kLark WikiCreate, organize, query, and manage documents, spaces, and members inside Lark (Feishu) knowledge bases directly from AI agent workflows.397k16.1k
Domain ModelingBuild and sharpen a project's domain model: pin down domain terminology in a glossary and record architectural decisions as ADRs.318k202k
Opensource Guide CoachGet expert, attribution-safe guidance on launching and sustaining an open-source project.270k71Readme I18nMaintain consistent, updatable language selector blocks across every README variant in a multilingual repository.270k71How it compares
Use d2-diagram-creator for D2-as-code system maps; use Mermaid-focused skills when your docs pipeline already standardizes on Mermaid fences.
FAQ
What diagram types does d2-diagram-creator support?
d2-diagram-creator helps agents draft D2 source for architecture, sequence, and flow diagrams intended for docs, wikis, and pull request review. Output is text-based D2 DSL that renders with D2 tooling rather than opaque binary assets.
How is d2-diagram-creator triggered in Claude Code?
d2-diagram-creator auto-activates when prompts mention d2 diagram creator, d2 creator, or d2. The skill is version 1.0.0, MIT licensed, and allows Read, Write, Edit, Bash, and Grep tools.