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.

★ 40.2k▲ +548 / 7dDaily star increases over 14 days. Hollow bars mean no data. The last day may be partial.2026-09-03 +22026-09-04 +1702026-09-05 +3112026-09-06 +2862026-09-07 +672026-09-08 +252026-09-09 +672026-09-10 +1032026-09-11 +1992026-09-12 +902026-09-13 +542026-09-14 +122026-09-15 +622026-09-16 +23largest one-day increase in the 14 days+311last 14 days · stars per day

40,194 stars · checked on GitHub GitHub check 30 h late · incl. +31 observed via GH Archive since then · 7-day +548 observed via GH Archive (as of )

RANKS All-time #162 Rising this week #10 DESIGN #7

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.

USE PACKAGE

AT A GLANCE

LICENSE
MIT
USAGE
Use, change and redistribute, commercially too. Keep the notice.
LANGUAGE
HTML
ACTIVITY
last commit 1 day ago () · no releases
COMMUNITY
39 contributors · 46 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
+29 ★ / 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
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★ 87.4k▲ +265MITpermissive—
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★ 63.6k▲ +1,307MITpermissive—
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★ 40.2k▲ +548MITpermissive—
toeverything/affineCARD★ 72.5k▲ +8Licence unconfirmedunconfirmed—
penpot/penpotCARD★ 59.9k▲ +10MPL-2.0permissive—

ALSO WORTH SEEING

PodroidLinux container VM for your phonePodroid's homepage: a dark screen reading "Linux containers on Android. No root required," with a Download APK button.Install to use
★ 2.6k▲ +14 / 7d
Boots a real, separately-kernelled Alpine Linux VM on an unrooted Android phone, running Podman, Docker and LXC exactly as they behave on a server.MartinLoopExecution-control CLI for coding agentsMartinLoop's homepage headline: "Watch your AI burn $5.20. Then watch MartinLoop close the loop for $2.30."
★ 130▲ +21 / 7d
Wraps a coding agent with a spend cap and a verifier, so "I'm done" comes with an evidence-backed receipt instead of just a claim.page-mascotCursor-following page mascotTwo sprite sheets of the same fox character: nine head directions on one, nine expressions on the other.For developers
★ 307▲ +39 / 7d
A tiny React component that puts a character on your page which turns its head to follow the cursor and reacts when clicked.Spec KitSpec-first process for coding agentsSpec Kit docs landing page — the headline 'Build with a spec, fix a bug, or assess an idea' and the uv tool install specify-cli commandInstall to use
★ 137k▲ +560 / 7d
Makes your coding agent write the spec first, then plan, build and verify against it.

TIMELINE

  1. Repository created
  2. FIRST SEEN BY TESIGN