# diagram-design

> Editorial diagrams drawn by your agent — Draws 38 editorial diagram types as self-contained HTML and SVG.

- Page: https://tesign.com/en/item/diagram-design/
- JSON: https://tesign.com/en/item/diagram-design/index.json
- Korean Markdown: https://tesign.com/item/diagram-design/index.md
- Generated: 2026-09-17 01:56 UTC

## RANKS

- All-time #162 · Rising this week #10 · DESIGN #7 (As of 2026-09-16 21:00 UTC)

## Numbers

- 40,194 stars — checked on GitHub 2026-09-15 19:33 UTC (+31 observed since the check)
- 7-day +548 observed via GH Archive (as of 2026-09-16 21:00 UTC)
- 24h +29 ★ · 30d +1,485 ★ (as of 2026-09-16 21:00 UTC)
- Star total = the value last checked on GitHub (stars_checked_at) + increases observed via GH Archive since. The 24h · 7d · 30d gains are GH Archive hourly events summed to the reference time (as_of). No score of ours.

## AT A GLANCE

- LICENSE: MIT (permissive) — https://spdx.org/licenses/MIT.html
- USAGE: Use, change and redistribute, commercially too. Keep the notice.
- OPEN SOURCE: YES
- LANGUAGE: HTML
- PLATFORM: [unconfirmed]
- CATEGORY: DESIGN · DEV TOOLS
- Tags: diagrams · agent-skills · svg
- How to start: For developers
- SOURCES: GitHub https://github.com/cathrynlavery/diagram-design
- USE PACKAGE: https://cathrynlavery.github.io/diagram-design

## ACTIVITY

- Last commit: 2026-09-15 14:50 UTC
- Latest release: no releases
- Contributors: 39
- Open issues (incl. PRs): 46
- Made by: an individual
- Checked on GitHub: 2026-09-15 19:33 UTC

## TESIGN TAKE

A practical fix for samey agent diagrams: 39 named types plus editorial design rules.

## WHY IT MATTERS

Ask an agent for a diagram and what comes back usually looks like every other default diagram. diagram-design packages 38 diagram types organised from an editorial point of view, selectable from Claude Code, Codex and Pi. The output is dependency-free HTML and SVG that drops straight into a document. Published under MIT.

## BUILD FROM THIS

- A diagram set that drops straight into a report
- A diagram style standard for product documentation
- A bundle of SVG figures for a presentation

## WHO IT'S FOR

- Planner — needs diagrams for a report or proposal
- Docs writer — wants one diagram style across product docs
- Marketer — needs SVG figures for a presentation

## START IN 5 MINUTES

```
# In the Claude Code prompt:
# /plugin marketplace add cathrynlavery/diagram-design
# /plugin install diagram-design@diagram-design
# Codex:
$ codex plugin marketplace add cathrynlavery/diagram-design
$ codex plugin add diagram-design@diagram-design
```

## CAVEATS

- Claude Code leaves auto-update off by default for third-party marketplaces
- You generate diagrams by asking the agent; it is not a Figma-style editor

## RECEIPT

- FIRST SEEN BY TESIGN: 2026-09-13 07:43 UTC
- AT SOURCE: 2026-04-16 18:01 UTC
- KEPT: 2026-09-13 11:32 UTC
- Published on TESIGN: 2026-09-13 11:32 UTC
- Text last updated: 2026-09-15 04:36 UTC

## How to read this

- This file was produced by the same build, from the same data, as the tesign.com item page. The text is editorial; the numbers are stored observations.
- null in the JSON means not observed — never zero. The Markdown writes [unconfirmed] for it.
- Star total = the value last checked on GitHub (stars_checked_at) + increases observed via GH Archive since. The 24h · 7d · 30d gains are GH Archive hourly events summed to the reference time (as_of). No score of ours.
- A summary, not legal advice.

[Image] https://tesign.com/img/diagram-design-e6998b0281.webp