SkillLift has not run this. The preview comes from the project, and the description is based on its README.
Diagram Design
Describe a diagram in plain words and get one calm, editorial file: 45 types, from quadrants and journeys to pyramids and Gantt charts.
Diagram Design · Cathryn Lavery · MIT
Install
For any agent
npx skills add cathrynlavery/diagram-design
Inside Claude Code
/plugin marketplace add cathrynlavery/diagram-design /plugin install diagram-design@diagram-design
Commands are copied word for word from the project's README. Read them before you run them.
Why it was picked
The samples are restrained: one accent colour and no clutter. A consultant could put them straight into a client document. It covers business diagrams such as quadrants and journeys, and has been refined to version 2.6.
Why it exists
AI diagrams usually come out as generic rounded boxes that look nothing like the rest of your document.
What you get
One HTML file with inline SVG that opens with a double click, exportable to SVG or PNG. It cannot be dragged around like a canvas: to change it, ask again or edit the SVG.
How it works
- Install the skill.
- Point it at your website or give it your colours, or keep its default look.
- Say what the diagram should show.
What it needs
Nothing for the file itself. PNG export uses a headless browser.
In short
Pick this when a diagram goes into a document people will judge you by.
Worth knowing
Its icon set includes real company marks, which stay their owners' trademarks. Do not use them to imply a relationship. Finished diagrams load their fonts from Google Fonts when opened, so the viewer's address reaches Google; remove that link to stop it. SkillLift has not run this skill.