diagram-design is the fastest-climbing repo today, and it is just 29 diagram templates
Top of GitHub trending right now with almost 3,000 stars in a day and 10,000 total: cathrynlavery/diagram-design, a set of 29 editorial diagram types for Claude Code. Not a framework. Not a model. HTML and SVG templates plus a skill that teaches an agent when to use which one. MIT licensed, 84 commits.
The problem it solves is one everyone using coding agents has hit and mostly stopped complaining about. Ask an agent for a diagram and you get rounded rectangles and arrows β technically correct, visually indistinguishable from every other machine-made diagram, unusable in anything a customer sees. The models can render fine. What they lack is taste and a house style, and neither of those lives in weights.
The coverage is broad: architecture, flowcharts, sequences, state machines, timelines, org charts, data visualizations, each with a minimal light, minimal dark and full editorial variant. It pulls colors and fonts off your website in about sixty seconds so output matches your brand. It imports from draw.io and Mermaid and redraws them in the system. WCAG AA contrast checks and semantic SVG markup are built in. Exports to PNG and SVG. Installs as a Claude Code plugin, and separately for Pi and Codex.
The reason it is worth noticing is not the diagrams. It is that a folder of templates and a page of instructions beat every general-purpose diagram tool for this job, and got 10,000 stars in days doing it. Design judgment turns out to be portable β you can write it down, ship it as a file, and an agent will execute it. The interesting layer of the agent ecosystem right now is not smarter models. It is people encoding what good looks like in a form a model can read.
https://github.com/cathrynlavery/diagram-design
← Back to all articles
The problem it solves is one everyone using coding agents has hit and mostly stopped complaining about. Ask an agent for a diagram and you get rounded rectangles and arrows β technically correct, visually indistinguishable from every other machine-made diagram, unusable in anything a customer sees. The models can render fine. What they lack is taste and a house style, and neither of those lives in weights.
The coverage is broad: architecture, flowcharts, sequences, state machines, timelines, org charts, data visualizations, each with a minimal light, minimal dark and full editorial variant. It pulls colors and fonts off your website in about sixty seconds so output matches your brand. It imports from draw.io and Mermaid and redraws them in the system. WCAG AA contrast checks and semantic SVG markup are built in. Exports to PNG and SVG. Installs as a Claude Code plugin, and separately for Pi and Codex.
The reason it is worth noticing is not the diagrams. It is that a folder of templates and a page of instructions beat every general-purpose diagram tool for this job, and got 10,000 stars in days doing it. Design judgment turns out to be portable β you can write it down, ship it as a file, and an agent will execute it. The interesting layer of the agent ecosystem right now is not smarter models. It is people encoding what good looks like in a form a model can read.
https://github.com/cathrynlavery/diagram-design
Comments