Generate SVG diagrams from D2 declarative syntax.
npx skills add https://github.com/benjaminwestern/google-engineer-skills --skill d2-benjaminwestern
Please help me install this Agent Skill. Skill: d2 Source: https://github.com/benjaminwestern/google-engineer-skills/tree/main/skills/d2 Command: npx skills add https://github.com/benjaminwestern/google-engineer-skills --skill d2-benjaminwestern
This Skill provides a powerful way to generate professional diagrams from simple text descriptions, eliminating the need for complex graphical tools.
Use the d2 skill to generate an SVG diagram from the provided D2 code.
High-intent search queries and answers about installing and using this skill.
D2 declarative syntax generates architecture diagrams from simple text descriptions by defining components and connections, producing professional SVGs for documentation.
D2 syntax supports creating UML class diagrams and ERDs, alongside sequence diagrams and flowcharts, using a declarative text format to visualize system structures.
The best way to apply consistent brand styling to flowcharts is using D2 reusable classes and brand colors, enforcing professional styling standards across all generated diagrams.
You do not need complex graphical tools to visualize system architecture; D2 declarative diagramming syntax enables you to generate diagrams directly from simple text descriptions.
D2 provides CLI commands for output generation and theme application, allowing you to compile D2 syntax into SVG files and apply professional visual themes.
OKHP3Convert plain text descriptions into Mermaid syntax-based diagrams.
aayushsoamGenerate dark-themed SVG architecture diagrams as HTML files from system descriptions.
bennoloefflerGenerate D2 source and compile it into SVG and PNG diagrams.
oakossGenerate flowcharts, sequence diagrams, ERDs, class diagrams, and Gantt charts using Mermaid syntax.
