AcademySkillsDesign and media

Diagram Design

Design, product and engineering teams use it to produce clean, on-brand diagrams for documents and presentations.

  • Recommendedour rating
  • 48,642repository stars
  • MITlicence
  • todaylast update
git clone https://github.com/cathrynlavery/diagram-design.git
README.md

Loading the file...

What it does

An agent skill that draws editorial diagrams as one self-contained HTML and SVG file, using your brand's palette and fonts. It covers 44 diagram types, such as architecture diagrams, quadrants and sequences, and works with Claude Code, Codex, Copilot, Cursor and more.

Use cases

  1. 01Draw an architecture diagram of an app
  2. 02Plot projects on an impact versus effort quadrant
  3. 03Sketch a sequence diagram of an API call

Questions about
Diagram Design.

What is Diagram Design used for?

Design, product and engineering teams use it to produce clean, on-brand diagrams for documents and presentations. An agent skill that draws editorial diagrams as one self-contained HTML and SVG file, using your brand's palette and fonts. It covers 44 diagram types, such as architecture diagrams, quadrants and sequences, and works with Claude Code, Codex, Copilot, Cursor and more.

How do I install Diagram Design?

Run this in your terminal: git clone https://github.com/cathrynlavery/diagram-design.git

Is Diagram Design open source?

Yes. The code is on GitHub (cathrynlavery/diagram-design) under the MIT licence.

Is Diagram Design safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.