cathrynlavery/diagram-design
Can I trust it?
No red flags in our checks.
Stars from real accounts OK
Our fake-star check passed. In a sample of 62 stargazers, 0% were accounts under a month old and 8% had no followers or repos.
Active OK
Last change today.
Licence OK
MIT: you can use it for free, also in a commercial product. Keep the licence notice.
Quick checks from public data. They help, but they are no guarantee.
What it is
An agent skill that generates diagrams as single self-contained HTML and SVG files, styled to a user's brand. It offers 44 diagram types and supports onboarding from a website's palette and fonts, plus importing from draw.io, Mermaid and Excalidraw and exporting to PNG or SVG.
Who it's for
Developers using AI coding agents who need architecture, sequence or other diagrams as standalone HTML files
How to use it
Ask your AI to set it up
Paste this into Claude, ChatGPT or your coding assistant.
Help me install and set up cathrynlavery/diagram-design in my project. Follow its README: https://github.com/cathrynlavery/diagram-design. Explain each step and check it is safe before running anything.
Star curve
Alternatives
Similar projects named in its profile. Each link searches the directory.
Get alerts for repos like this
We'll email you when something in AI agents starts rising. Free, once a week, only what matches.
18,267 GitHub repos watched and ranked every hour. Figures as of 20 October 2026.
What arrives: one email on Mondays with the repos that match, never more. See last week's. Privacy
For maintainers
Add this badge to your README. It shows the repo's place on the radar, updates every hour and links back to this page.
[](https://repoalerts.com/repo/cathrynlavery/diagram-design?ref=badge)Similar repos
- Aryanutkarsh/SeeCode
A JavaScript tool that turns a short JSON spec into animated, interactive diagrams for coding agents such as Claude. Output is a self-contained HTML file, with export to SVG, PNG, GIF or MP4. Supports
- wheresryan22/anatomy
An agent skill that turns a technical idea into an interactive isometric SVG figure of a physical object whose working mirrors the concept. It can add WebGL shader effects or 3D-style moving parts, an
- obsidianmd/pele
Renders Mermaid diagram text to SVG with a small, synchronous TypeScript library that has no runtime dependencies. Colors and fonts are set through CSS variables, and it supports every diagram type bu
- plugin87/ux-ui-agent-skills
A pure instruction and knowledge layer for AI agents, mainly Claude, that turns it into a design-focused assistant. It bundles DTCG design tokens, 52 components, 138 design systems, and objective gate
- paulmil11/decks
A local, agent-driven slide deck tool. You comment under a slide, and a coding agent (Claude Code or Codex) edits the HTML deck and replies on the slide with what it changed, a question, or why it mad
- Vincentwei1021/mg-styles-15
A collection of fifteen 10-second motion design films, each in a different visual style, generated by Claude Opus 5.5 writing code from a prompt. The repository publishes the films, style notes, promp