d2-diagrams

Generate SVG, PNG, and PDF diagrams from D2 text definitions.

Updated Feb 5, 2026
One-click install
npx skills add https://github.com/boazy/skills --skill d2-diagrams-boazy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: d2-diagrams
Source: https://github.com/boazy/skills/tree/main/skills/d2-diagrams
Command: npx skills add https://github.com/boazy/skills --skill d2-diagrams-boazy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill automates the creation of complex diagrams from simple text descriptions, eliminating the need for manual drawing tools and ensuring consistency.

Core Features & Use Cases

  • Declarative Diagramming: Define diagrams using a straightforward text syntax.
  • Automatic Layouts & Theming: Leverages multiple layout engines and over 100 themes for professional-looking diagrams.
  • Use Case: Generate an architecture diagram for a new microservices application by simply describing the services and their connections in a D2 file.

Quick Start

Use the d2-diagrams skill to render the attached file 'diagram.d2' into an SVG file named 'output.svg'.

Frequently Asked Questions about d2-diagrams

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate architecture diagrams from text?

You generate architecture diagrams from text by writing declarative text definitions using the D2 language and rendering them into visual output formats like SVG, PNG, or PDF.

Can I automatically create flowcharts and ERDs without manual drawing?

Yes, you can automatically create flowcharts and ERDs without manual drawing by defining the services and connections in a straightforward D2 text file syntax.

What is the best way to maintain consistency across architecture diagrams?

The best way to maintain consistency across architecture diagrams is to use declarative text definitions with automatic layouts and over 100 professional themes.

How do I render a D2 file into an SVG output?

To render a D2 file into an SVG output, you instruct the skill to process your attached declarative text file and generate the specified SVG file.

Does text-based diagramming support automatic layouts and theming?

Yes, text-based diagramming supports automatic layouts and theming by leveraging multiple layout engines and over 100 themes for professional-looking diagrams.

When should I use declarative diagramming instead of manual drawing tools?

Use declarative diagramming instead of manual drawing tools when you need to automate the creation of complex diagrams like decision trees from simple text descriptions.