Generate D2 block diagrams and render SVG artifacts from text briefs.
npx skills add https://github.com/jimezsa/opencolab --skill block-diagram
Please help me install this Agent Skill. Skill: block-diagram Source: https://github.com/jimezsa/opencolab/tree/main/projects/SKILLS/block-diagram Command: npx skills add https://github.com/jimezsa/opencolab --skill block-diagram
Generate accurate, readable D2 block diagrams from a text brief to communicate architecture clearly and deterministically.
Describe your system briefly and I will generate a canonical D2 diagram and the corresponding SVG by default.
High-intent search queries and answers about installing and using this skill.
To generate D2 block diagrams from a text brief, describe your system architecture and the tool will normalize components and edges to write a canonical .d2 source file and render an SVG artifact.
Yes, you need the d2 command-line tool and bash available in your PATH to validate the diagram source and execute the provided render script for generating SVG or PNG artifacts.
Yes, you can include LaTeX equation blocks in a D2 diagram when needed. The tool processes text briefs to support LaTeX equations alongside normalized components and edges.
Automate architecture diagram rendering for Telegram by generating a D2 block diagram and emitting optional Telegram file directives during the SVG or PNG rendering process.
Yes, the block diagram generator defaults to sketch-style SVG output and supports optional PNG artifacts, saving both canonical .d2 and rendered image files under a diagrams directory.
bradreavesCreate and install fish, bash, zsh, or sh scripts into PATH.
diegomarinoRender .txt and .md D2 diagrams to SVG or PNG files and folders.
diegomarinoValidate D2 diagram syntax in .d2 files and Markdown code blocks.
arocGenerate architecture diagrams from JSON graph definitions using ELK.js and resvg-js.
