# Editorial diagram design

> Draws diagrams with an editorial eye: templates, a style guide and layout rules that make technical drawings readable.

Canonical: https://mikereams.com/ai/diagram-design

Skill · Curated · Diagrams · updated 2026-09-26. Part of the [AI Library](https://mikereams.com/ai).

What you get: A polished, on-brand technical diagram in HTML or SVG.

- Offline fonts by default: I removed the Google Fonts links from the templates.
- Replaced an unpinned third-party browser CLI, and removed icons whose licences I could not verify.

Source: [cathrynlavery/diagram-design](https://github.com/cathrynlavery/diagram-design/tree/dc1ace4/skills/diagram-design) by Cathryn Lavery (MIT), reviewed at dc1ace4. Not hosted here.

Reviewed 2026-09-26.

Tags: diagrams, style guide, svg