diagram-design
OtherAgent diagram drawing skill
Use it when you need an AI to generate professional-looking diagrams
An open-source project for generating professional diagrams with AI.
Added to the shelf
From the makersREADME, read 19 Oct
An agent skill that draws diagrams as one self-contained HTML + SVG file, styled to match your brand. It offers 45 diagram types, including architecture, sequence, flowchart, quadrant and Gantt, and each diagram is written as a single file with no build step or JavaScript. It is not a text-based diagram format like Mermaid: the output is not editable source, so changes are made by asking the agent again or by editing the SVG.
Install
npx skills add cathrynlavery/diagram-designCommands
npx skills add cathrynlavery/diagram-designInstall the skill into supported agent hosts
/plugin marketplace add cathrynlavery/diagram-designAdd the Claude Code plugin marketplace
/plugin install diagram-design@diagram-design
How creators use it1 take
- @aitechoriginInstagram, 19 Oct
Listed as a repo for generating diagrams with AI.
Watch the reel
Safety checkFlagged, not confirmed, SkillSpector, 19 Oct
Its quick check flagged something and the AI check couldn’t run, so nothing is confirmed either way.
Not confirmed by the AI check: skills/diagram-design.
SkillSpector’s own score is 100/100 from 111 findings, from its quick check alone.