cathrynlavery / diagram-design
HTML · GitHub Trending 5 Sep 2026 · 437 stars today
Four sentences, two of them refusals

Half the description says what this will not draw.

Most repos list what they support. This one spends two of its four sentences ruling things out, which tells you the author has opinions about how diagrams usually look and expects you to share them.

$ add skill diagram-design
github.com/cathrynlavery/diagram-design
What the refusals rule outDrawn for this page
a flat node, no drop shadow
×
no shadowsDepth on a flat diagram adds no information and costs contrast.
stated
×
no Mermaid slopAuto-layout picks positions for you. The refusal implies the positions carry meaning.
stated
what ships insteadself-contained HTML and SVG no type list published
38editorial diagram types
Claude Codenamed client
Codexnamed client
Pinamed client

Editorial is the qualifier

An editorial diagram sits inside an argument and carries one point. That is a narrower job than a general chart library takes on, and narrower jobs are easier to do well.

Self-contained means one file

HTML plus SVG with no runtime means the output opens anywhere and survives being emailed, which matters more for a diagram than for almost anything else.

What is not on this page

No list of the 38 types, no sample output, no style spec. The trending description gives the count and stops there.

Concept mock, not affiliated with the project. The GitHub Trending description on 5 September 2026 reads "38 editorial diagram types for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop." The two nodes and one edge were drawn for this page to demonstrate a flat treatment; they are not output from the project, and none of the 38 types are named or shown because the description does not list them.