Footer

Your go-to destination for discovering trending open-source projects and uncovering the insights that matter

Legal

  • Terms and conditions
  • Privacy policy

More

  • Pricing
  • Advertise
  • onedump
  • gosnakego
  • Contact us

Social

  • X (Twitter)
  • GitHub
Trendshift owl
What they build speaks louder than words
© 2026 Trendshift, created by Julian Li with ❤️
SignalAdvertise
Trendshift
SignalAdvertise
Sign in
Trendshift owl

Discover trends that matter

DailyWeeklyMonthlyYearly
Live mentionsTopics
RepositoriesDevelopers
InsightsStats
Bifrost
Bifrost

cathrynlavery/diagram-design

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.

Visit GitHub
HTML
63.3k
4.3k
5 contributors
MIT License
website
AchievementsView all →
FeaturedAdvertise to 180K+ monthly visitors
Bifrost

Fastest Enterprise AI Gateway for Routing, Governing, and Securing all your AI Traffic

Momentum

How fast cathrynlavery/diagram-design is gaining stars, and where it lands on Trendshift and GitHub Trending

Activity and trending

Stars, forks and merged pull requests each day or month, lined up with the repository's rank on Trendshift Trending

Sep 1 – Oct 31, 2026

Stars +34,295 in 61 days

01K2K3K
2,257

Forks +2,400 in 61 days

050100150
128

Merged PRs 132 in 61 days

051015
12

Trendshift Trendingwhere the repository ranked each day it made the top 25

Top 25 overall

1817229419129181261924

Top 25 in HTML

8823111111323334564365912161413161515686149221111111111223441035641
Sep 1Sep 9Sep 17Sep 25Oct 3Oct 11Oct 19Oct 27
The left and right arrow keys step from day to day; Home and End go to the first and the last

Stars, forks, merged pull requests and Trendshift Trending rank, by day
DayStars gainedForks gainedMerged PRsAll languagesHTML
Tue, Sep 1, 2026+202+111Not trending#8
Wed, Sep 2, 2026+187+151Not trending#8
Thu, Sep 3, 2026+823+701#18#2
Fri, Sep 4, 2026+628+390Not trending#3
Sat, Sep 5, 2026+771+600#17#1
Sun, Sep 6, 2026+643+344Not trending#1
Mon, Sep 7, 2026+963+562#22#1
Tue, Sep 8, 2026+1,437+731#9#1
Wed, Sep 9, 2026+1,834+1111#4#1
Thu, Sep 10, 2026+1,158+836Not trending#1
Fri, Sep 11, 2026+763+490Not trending#3
Sat, Sep 12, 2026+382+320Not trending#2
Sun, Sep 13, 2026+323+220Not trending#3
Mon, Sep 14, 2026+597+350Not trending#3
Tue, Sep 15, 2026+432+375Not trending#3
Wed, Sep 16, 2026+294+220Not trending#4
Thu, Sep 17, 2026+292+270Not trending#5
Fri, Sep 18, 2026+352+305Not trending#6
Sat, Sep 19, 2026+202+161Not trending#4
Sun, Sep 20, 2026+225+190Not trending#3
Mon, Sep 21, 2026+233+140Not trending#6
Tue, Sep 22, 2026+215+240Not trending#5
Wed, Sep 23, 2026+175+160Not trending#9
Thu, Sep 24, 2026+142+120Not trending#12
Fri, Sep 25, 2026+81+80Not trending#16
Sat, Sep 26, 2026+75+40Not trending#14
Sun, Sep 27, 2026+92+81Not trending#13
Mon, Sep 28, 2026+87+511Not trending#16
Tue, Sep 29, 2026+111+121Not trending#15
Wed, Sep 30, 2026+106+50Not trending#15
Thu, Oct 1, 2026+127+65Not trending#6
Fri, Oct 2, 2026+90+90Not trending#8
Sat, Oct 3, 2026+137+150Not trending#6
Sun, Oct 4, 2026+95+100Not trending#14
Mon, Oct 5, 2026+115+137Not trending#9
Tue, Oct 6, 2026+547+377Not trending#2
Wed, Oct 7, 2026+938+442#19#2
Thu, Oct 8, 2026+1,335+652#12#1
Fri, Oct 9, 2026+1,555+903#9#1
Sat, Oct 10, 2026+1,078+633#18#1
Sun, Oct 11, 2026+1,377+1050#12#1
Mon, Oct 12, 2026+2,257+12812#6#1
Tue, Oct 13, 2026+1,508+11012#19#1
Wed, Oct 14, 2026+1,260+701#24#1
Thu, Oct 15, 2026+590+384Not trending#1
Fri, Oct 16, 2026+528+497Not trending#1
Sat, Oct 17, 2026+563+480Not trending#1
Sun, Oct 18, 2026+681+630Not trending#2
Mon, Oct 19, 2026+717+654Not trending#2
Tue, Oct 20, 2026+590+421Not trending#3
Wed, Oct 21, 2026+540+424Not trending#4
Thu, Oct 22, 2026+518+370Not trending#4
Fri, Oct 23, 2026+319+350Not trending#10
Sat, Oct 24, 2026+378+351Not trending#3
Sun, Oct 25, 2026+319+288Not trending#5
Mon, Oct 26, 2026+328+373Not trending#6
Tue, Oct 27, 2026+405+385Not trending#4
Wed, Oct 28, 2026+647+400Not trending#1
Thu, Oct 29, 2026+465+410Not trendingNot trending
Fri, Oct 30, 2026+364+390Not trendingNot trending
Sat, Oct 31, 2026+99+90Not trendingNot trending
Total+34,295+2,400132
  • 1#1 on the list
  • 7Rank that day
  • Not trending
1

    • GitHub trending history

    Where the repository ranked on GitHub Trending, one dot for each day it was on a list

    All languages

    Aug 12 – Oct 13, 2026#1 on 3 days

    #1#5#10#15#20#25
    Top 10
    Sep 2026Oct
    The left and right arrow keys step from day to day; Home and End go to the first and the last

    Mentions and achievements

    Where people are talking about cathrynlavery/diagram-design, and every badge it has earned
    1. Oct 301 post

      • AI生成的图表总是能看，但不好看？ 给大家推荐一个 推荐一个让 AI 生成高质量图表的工具：diagram-design ✦ 45种图表类型 ✦ 生成架构图、流程图、时序图 ✦ 匹配品牌配色与字体 ✦ 输出HTML+SVG，可导出PNG/SVG 支持Codex、Claude Code、Cursor。 地址：

        Read full on X, posted by @Fofy22023989

        @Fofy22023989 · x.com

    2. Oct 291 post

      • #5: Website Cloner Template for cloning websites with Al agents. GitHub:

        Read full on X, posted by @Bee_Bombshell

        @Bee_Bombshell · x.com

    3. Oct 272 posts

      • 想让 AI 做出来的页面和视频少点「AI 味」，这 6 个 GitHub 仓库可以先收藏。 impeccable：给 AI 用的设计 Skill，带审查、打磨等命令，专治套路化设计 万星，Apache-2.0） UI UX Pro Max：根据项目需求生成整套设计系统 万星，MIT） HyperFrames：HeyGen 开源，写 HTML 渲染成视频，给 agent 用…

        Read full on X, posted by @Raydong001

        @Raydong001 · x.com

      • 1. HyperFrames 这周新增 5,669 颗 Star，总共约 7 万颗。 HeyGen 开源的项目。 只要告诉 AI 一个主题，它就能利用网页动画生成 MP4 视频。 产品介绍、知识科普视频、动态海报都能制作。 GitHub：

        Read full on X, posted by @awe0_io

        @awe0_io · x.com

    4. Oct 261 post

      • AI画的流程图总是又土又丑？这个6万星的开源技能，说一句话就能画出45种杂志风图表，还能换成你的品牌配色。 Github：

        Read full on X, posted by @Gorden_Sun

        @Gorden_Sun · x.com

    5. Oct 232 posts

      • GitHub 这个月最火的 10 个免费仓库，前三名全是给 AI 编程助手用的 1、skills（284K） 工程师日常在用的一套技能，体积小，改起来方便，什么模型都能接。 🔗 2、ECC（276K） 给 Claude Code、Codex 和 Cursor 补上技能、记忆和安全能力。 🔗 3、andrej-karpathy-skills（218K） 一个文件里写了 4…

        Read full on X, posted by @dandanetha

        @dandanetha · x.com

      • 分享几个大家做的很不错的开源 AI 视频剪辑工具与素材库： 1️⃣ earshot（by @LexnLin） 纯代码合成的 252 个免费无版权音效（快门、水滴、UI 弹出音、转场卡点声全有），专门给 AI 剪辑自动对轨贴音效。 GitHub： 2️⃣ Lemo-Opuscar（by @lemomo_ai） 开源了 59 套电影与科普短片的剪辑风格提示词和纯代码成片模板，不用视频模型，直接让…

        Read full on X, posted by @sylvieailab

        @sylvieailab · x.com

    6. Oct 191 post

      • 别人在追新模型，聪明人在囤开源工具。 1、作图：diagram-design 解决 AI 生成图表“又丑又难看（Mermaid 塑料感）”的痛点，输出自包含 HTML/SVG，兼具杂志级排版与品牌色自适应。 2、做视频：OpenMontage 打破单镜头 AI 视频玩具属性，以 Agent 自主编排 12 条管线，支持从脚本到免费素材/自研剪辑的工业级全流程。…

        Read full on X, posted by @Yi920224

        @Yi920224 · x.com

    7. Oct 182 posts

      • 🔴我去，GitHub 上全是免费仓库，但几乎没人用 这个月最火的 10 个，从最简单的到最硬核的。 1. VoiceStudio — 克隆声音、给视频配音、转录 646 种语言，全在本地跑（57K） 2. ppt-master — 丢给它一个 PDF 或 Word，还你一个可编辑的 PowerPoint（59K） 3. gods-eye-view —…

        Read full on X, posted by @Lucy_love_AI

        @Lucy_love_AI · x.com

      • 发现一个很实用：给让agent画架构图的人。 cathrynlavery/diagram-design ⭐57095 · 45种图：架构/序列/象限 · 自包含HTML+SVG，双击就能看 · npx skills add 装进Cursor/Claude Code/Codex 不要Mermaid糊墙，要编辑级干净图。 你画图是手抠，还是让agent先出一版？

        Read full on X, posted by @kim37238921

        @kim37238921 · x.com

    You might also like

    Repositories close to cathrynlavery/diagram-design
    FeaturedAdvertise to 180K+ monthly visitors
    Bifrost

    Fastest Enterprise AI Gateway for Routing, Governing, and Securing all your AI Traffic

    yizhiyanhua-ai/fireworks-tech-graph

    Python

    Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Agent workflow patterns.

    11.9k1.1k

    bahayonghang/drawio-skills

    JavaScript

    drawio skills for cc,codex

    29717

    adewale/agentic-mermaid

    TypeScript

    Beautiful diagrams, made with your agent.

    69

    Aryanutkarsh/SeeCode

    JavaScript

    Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.

    75342

    coleam00/excalidraw-diagram-skill

    Python

    Skill to give Claude Code (and any coding agent) the ability to generate beautiful and practical Excalidraw diagrams.

    5.1k607

    lazypay/Archscribe

    Python

    Premium hand-drawn, dark-background animated architecture & process diagrams. Outputs editable .excalidraw + PNG + genuinely animated GIF. Codex/Claude skill.

    37224

    SpillwaveSolutions/design-doc-mermaid

    Python

    design-doc-mermaid Claude Skill

    17925

    tt-a1i/archify

    JavaScript

    Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.

    92k6.7k

    cclank/lanshu-animated-architecture-diagram

    Python

    Premium hand-drawn animated architecture diagram Codex skill

    1k130