Render .txt and .md D2 diagrams to SVG or PNG files and folders.
npx skills add https://github.com/diegomarino/claude-toolshed --skill d2-render
Please help me install this Agent Skill. Skill: d2-render Source: https://github.com/diegomarino/claude-toolshed/tree/main/plugins/d2/skills/d2-render Command: npx skills add https://github.com/diegomarino/claude-toolshed --skill d2-render
This Skill automates the process of converting D2 diagram definitions into visual formats like SVG or PNG, eliminating manual rendering steps and ensuring consistency.
.d2 files: Directly convert D2 source files into images..md: Pull D2 code blocks from Markdown files and render them..d2 files within a specified directory..d2 file. Use this Skill to quickly generate an SVG image for your documentation or presentation.Render the D2 diagram defined in the file 'diagrams/architecture.d2' to an SVG image in the default output directory.
High-intent search queries and answers about installing and using this skill.
You can render D2 diagrams into SVG or PNG by processing .d2 files directly or extracting D2 code blocks from Markdown files. The Skill outputs images into a configurable directory.
Yes, you can render D2 diagrams from Markdown files. The Skill automatically pulls D2 code blocks from .md files and converts them into visual formats like SVG or PNG.
Playwright is optionally required to export D2 diagrams to PNG. If you only need to render D2 diagrams into SVG format, Playwright is not necessary for the rendering process.
The best way to batch process multiple D2 files is using directory rendering. The Skill supports processing all .d2 files within a specified directory to generate visual outputs automatically.
Yes, D2 rendering supports custom themes and layout configurations. The Skill integrates with D2's built-in configuration, allowing you to apply themes and layouts when generating SVG or PNG images.
D2 files may not convert to PNG correctly if Playwright is missing. Playwright is optionally required for PNG export, whereas SVG rendering does not depend on it.
diegomarinoManage D2 diagram settings and verify the configuration via a menu.
spencerpaulyConvert HTML, code, diagrams, and SVG content into PNG images.
lanejConvert Markdown files into interactive terminal presentations with themes, diagrams, and exports.
mgajewskikGenerate PlantUML diagrams from .puml files using the plantuml CLI.