TESIGN
SAVED

EN · KO

  1. TESIGN / RADAR
  2. diagram-design

diagram-design

Editorial diagrams drawn by your agent

WHO USES ITPlanner · Docs writer · Marketer

For developers

Draws 38 editorial diagram types as self-contained HTML and SVG.

USE PACKAGE
START IN 5 MINUTES ↓
Sample architecture diagram by the skill: browser to Cloudflare to Astro origin to content, as boxes and arrows with a legend.
Sample architecture diagram by the skill: browser to Cloudflare to Astro origin to content, as boxes and arrows with a legend.
Sample architecture diagram by the skill: browser to Cloudflare to Astro origin to content, as boxes and arrows with a legend.
Sample architecture diagram by the skill: browser to Cloudflare to Astro origin to content, as boxes and arrows with a legend.

TESIGN TAKE

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

Activity and discovery evidence
★ 64k▲ +6 / 7dDaily star increases over 14 days. Hollow bars mean no data. The last day may be partial.2026-10-19 no data2026-10-20 no data2026-10-21 no data2026-10-22 no data2026-10-23 no data2026-10-24 no data2026-10-25 no data2026-10-26 no data2026-10-27 +22026-10-28 no data2026-10-29 +22026-10-30 no data2026-10-31 no data2026-11-01 +2largest one-day increase in the 14 days+2last 14 days · stars per dayhollow = no data

64,001 stars · checked on GitHub · 7-day +6 observed via GH Archive (as of )

RANKS All-time #90 DESIGN #5

AT A GLANCE

LICENSE
MIT
USAGE
Use, change and redistribute, commercially too. Keep the notice.
LANGUAGE
HTML
ACTIVITY
last commit within 24 h () · no releases
COMMUNITY
65 contributors · 52 open issues (incl. PRs) · made by: an individual
SOURCES
GitHub
OPEN SOURCE
YES
FIRST SEEN
CATEGORY
DESIGN · DEV TOOLS

A summary, not legal advice.

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
AT SOURCE
KEPT
STAR DELTA
+2 ★ / 24h
CREATED → FIRST SEEN
149d
WHEN FIRST SEEN
38,985 ★
SOURCES
GitHub

The same facts in machine-readable form — View as Markdown · JSON

SIMILAR TOOLS

Up to five from DESIGN by ★ total: edited entries first, then repository cards; this entry is highlighted. Drawn from the same stored snapshot as the rankings — a comparison, not a recommendation.

IMAGENAME★ TOTAL▲ 7dLICENSEPLATFORMLAST PUSH
The UI UX Pro Max site: supported AI coding tools, the 'Design Intelligence' headline and the install command.
UI UX Pro MaxDesign sense for AI coding tools★ 144k▲ +14MITpermissivecli
Taste Skill README banner: logo on beige, the tagline 'The Anti-Slop Frontend Framework for AI Agents' and a white UI mock-up.
Taste-SkillFrontend taste for AI agents★ 108k▲ +15MITpermissive—
Archify README hero: a tagline and a browser window showing a service architecture diagram in dark and light themes.
archifySystem diagrams for coding-agent users★ 92.4k▲ +11Apache-2.0permissive—
Sample architecture diagram by the skill: browser to Cloudflare to Astro origin to content, as boxes and arrows with a legend.
diagram-designEditorial diagrams drawn by your agentTHIS ENTRY★ 64k▲ +6MITpermissive—
toeverything/affineCARD★ 72.5k▲ +2Licence unconfirmedunconfirmed—

ALSO WORTH SEEING

ArtbucketBrand asset manager for people & agentsThe Artbucket library: image, PDF and video cards in a 'Big Buck Bunny' collection with Type, Tags, Status and License filters.Self-host
★ 31▲ 1 HN
Open-source brand asset management that gives people, AI agents and code the same answer about logos, rules and rights.RC DesktopGUI for WSL containers on WindowsThe RC Desktop dashboard: 6 of 7 containers running, 7 images, 6 volumes and the WSLC session status.Install to use
★ 5▲ 4 HN
A small Windows app that manages WSL Containers (wslc) like Docker Desktop, in Rust.GitOrangeTeam git host on CloudflareA GitOrange pull request page: 'Add division to the Mill', all checks passed and a Merge button.Self-host
★ 32▲ 2 HN
A self-hosted, GitHub-style git host for your team that deploys as a single Cloudflare Worker, with no servers to run.MyGoBuild desktop apps in GoThe MyGo home page: 'Desktop apps in Go. Tiny, fast, fully typed.' with the start command.For developers
★ 4k
Build desktop apps in Go with a web frontend or a native UI; each app ships as one binary of a few megabytes.

TIMELINE

  1. Repository created
  2. FIRST SEEN BY TESIGN