PowerPoint decks (pptx)
Documents & Files
Build, edit or read slide decks as proper PowerPoint files, templates included.
Design & Front-end
Diagram Design
Clean diagrams in your brand: org charts, process flows, quadrants and 40+ more.
Open sourceBy Cathryn Lavery
View source What is it?
Describe a diagram in plain words and Claude picks the right type from 45, states its plan, then writes a single HTML file you open by double-clicking. Types include process flows, org charts, timelines, priority quadrants, sequence diagrams and system architecture.
Point it at your website once and it picks up your colours and fonts, so every diagram after that matches your brand. It can also redraw existing draw.io, Mermaid or Excalidraw diagrams, and export to PNG or SVG for slides and documents.
Install in Claude Code
In Claude Code run /plugin marketplace add cathrynlavery/diagram-design, then /plugin install diagram-design@diagram-design. To get updates, open /plugin, choose Marketplaces, select diagram-design and turn on auto-update. Or, in a terminal, run npx skills add cathrynlavery/diagram-design.
Try this prompt
Paste into Claude Code
Onboard diagram-design to https://mybusiness.com.au, then draw a quadrant of our Q4 projects by impact versus effort.Who it's for
Consultants, managers and founders who explain processes and plans to clients or a team.
Best for
- Process and workflow maps
- Org charts
- Priority quadrants
- Diagrams for proposals and decks
Why it made the list
The diagrams look designed rather than auto-generated, and they match your brand without any fiddling.
More skills like this
Canvas design
Design & Front-end
Creates original posters, artwork and visual pieces as PNG or PDF files.
Theme factory
Design & Front-end
Applies one of ten ready-made colour and font themes to any deck, doc or page.
Banana Claude
Design & Front-end
Generate and edit images with Google's Nano Banana models without leaving Claude Code.