Topics / #sequence-diagram

Sequence-diagram projects on GitHub

Tools rendering sequence diagrams from text descriptions.

As of , the most-starred Sequence-diagram projects on GitHub are archify (85.2K stars), diagram-design (57.7K stars) and editor.md (14.3K stars). GitHub.Locker tracks 5 Sequence-diagram repositories with 161.5K stars combined. The fastest-growing on October 17 was diagram-design, with +642 stars in a day.

5Projects
161.5KStars in total
+1.2KStars in a day
Browse in the catalog →github.com/topics/sequence-diagram ↗

Hot right now

Most stars gained in a day · Oct 17

+642

diagram-design

cathrynlavery/diagram-design · ★ 57.7K

Diagram Design is an Agent Skill that lets AI coding agents (Claude Code, Codex, Factory Droid, Pi) generate editorial-quality diagrams — 39 types including architecture, flowchart, Gantt, UML class and database schema — as self-contained HTML+SVG files with no Mermaid, no Figma, and no generic rounded boxes.

+475

archify

tt-a1i/archify · ★ 85.2K

Archify is an agent skill that turns a codebase, system description, or plan into a polished, interactive diagram (architecture, workflow, sequence, data flow, or lifecycle) directly inside a coding agent's chat.

+113

answer-me-with-html

QingYunA/answer-me-with-html · ★ 3.7K

Answer me with HTML is an agent skill that turns a coding agent's long text answers into a single-page HTML with diagrams, tables, or timelines instead of a wall of text. The model only writes a short Markdown draft and a bundled CLI renders the layout, CSS and SVG.

+2

svg-diagram

bybit-exchange/svg-diagram · ★ 629

It is an Agent Skill that teaches coding agents like Claude Code and Codex a strict house style for hand-drawn SVG diagrams (architecture, flowchart, sequence, data-flow, lifecycle), plus a zero-dependency linter called svg-lint that checks the finished SVG against that style.

The all-time top

5 projects · by stars

  1. #1 · tt-a1i/archify

    archify

    Archify is an agent skill that turns a codebase, system description, or plan into a polished, interactive diagram (architecture, workflow, sequence, data flow, or lifecycle) directly inside a coding agent's chat.

    85.2K
  2. #2 · cathrynlavery/diagram-design

    diagram-design

    Diagram Design is an Agent Skill that lets AI coding agents (Claude Code, Codex, Factory Droid, Pi) generate editorial-quality diagrams — 39 types including architecture, flowchart, Gantt, UML class and database schema — as self-contained HTML+SVG files with no Mermaid, no Figma, and no generic rounded boxes.

    57.7K
  3. #3 · pandao/editor.md

    editor.md

    Editor.md is an open source embeddable online Markdown editor component for web pages, built on CodeMirror, jQuery and Marked.

    14.3K
  1. 4

    answer-me-with-html

    3.7KQingYunA/answer-me-with-html · JavaScript

    Answer me with HTML is an agent skill that turns a coding agent's long text answers into a single-page HTML with diagrams, tables, or timelines instead of a wall of text. The model only writes a short Markdown draft and a bundled CLI renders the layout, CSS and SVG.

  2. 5

    svg-diagram

    629bybit-exchange/svg-diagram · JavaScript

    It is an Agent Skill that teaches coding agents like Claude Code and Codex a strict house style for hand-drawn SVG diagrams (architecture, flowchart, sequence, data-flow, lifecycle), plus a zero-dependency linter called svg-lint that checks the finished SVG against that style.

Often tagged together