Skip to content
Agentmart
Submit a tool

Alternatives to baoyu-diagram

baoyu-diagram is an agent skill by JimLiu: Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines…. If it doesn't fit your setup, these 12 agent skills cover similar ground. They are ordered by how closely they match baoyu-diagram and by our rank, which weighs adoption, freshness and documentation; money never changes the order. diagram-design leads the list (more recently active (freshness A); supports Python). 1 of them is published by the company behind the product. Each entry shows data reasons to switch, and you can open a side-by-side comparison with baoyu-diagram.

Updated Oct 26, 2026 · Built from catalog data; how we rank and grade

You're replacing

baoyu-diagram

Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines…

12 alternatives

Ordered by how closely each matches baoyu-diagram (shared product, category or stated alternative) and by rank.

  1. 1
    diagram-design

    anbeime

    Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant…

    • More recently active (freshness A)
    • Supports Python

    ★ 8.6KLast active Oct 21, 2026Claude Code, Claude apps, Codex, Cursor +6

  2. 2
    html-diagram

    plannotator

    Direct-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationships, sequence, topology, state…

    • More recently active (freshness B)

    ★ 3.7KLast active Aug 2, 2026Claude Code, Claude apps, Codex, Cursor +6

  3. 3
    figma-generate-diagram

    figmaOfficial

    MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call.

    • Published by the vendor
    • More recently active (freshness B)

    ★ 2.1KLast active Sep 18, 2026Claude Code, Claude apps, Codex, Cursor +6

  4. 4
    diagram

    garrytan

    Turn an English description (or mermaid source) into a diagram triplet: the source, an editable .excalidraw file you can open on excalidraw.com, and rendered…

    • More recently active (freshness A)
    • Larger repository (137.5K stars)

    ★ 137.5KLast active Oct 20, 2026Claude Code, Claude apps, Codex, Cursor +6

  5. 5
    diagram-maker

    openclaw

    Create SVG/HTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.

    • More recently active (freshness A)
    • Larger repository (392.9K stars)

    ★ 392.9KLast active Oct 24, 2026Claude Code, Claude apps, Codex, Cursor +6

  6. 6
    mermaid-diagrams

    pedronauck

    Comprehensive guide for creating software diagrams using Mermaid syntax.

    • More recently active (freshness B)

    ★ 641Last active Sep 14, 2026Claude Code, Claude apps, Codex, Cursor +6

  7. 7
    flowchart

    Unclecheng-li

    生成教育/科普类流程图、概念图、原理演示的动画 HTML 页面。用 CSS/SVG 绘制节点和连线，支持流动箭头、逐步出现、hover 高亮等动画效果。适合技术讲解、视频科普、PPT 配图场景。

    • Repository has 1.6K stars
    • Open source (MIT)

    ★ 1.6KLast active Jun 21, 2026Claude Code, Claude apps, Codex, Cursor +6

  8. 8
    architecture-diagram

    taracodlabs

    Architecture and component diagrams as HTML/SVG (dark-themed)

    • More recently active (freshness A)

    ★ 863Last active Oct 19, 2026Claude Code, Claude apps, Codex, Cursor +6

  9. 9
    excalidraw

    taracodlabs

    Create hand-drawn style diagrams and sketches in Excalidraw JSON format for architecture, flowcharts, and system design

    • More recently active (freshness A)

    ★ 863Last active Oct 19, 2026Claude Code, Claude apps, Codex, Cursor +6

  10. 10
    taiyi-diagram-pipeline

    Dong90

    TaiyiForge 辅助 — 架构图三步流水线编排（C4 真源 → 工程图同步 → PNG 渲染）。OpenCode / Claude / Codex / Cursor 通用。

    • Open source (MIT)

    ★ 859Last active Jul 15, 2026Claude Code, Claude apps, Codex, Cursor +6

  11. 11
    taiyi-diagram-render

    Dong90

    TaiyiForge 辅助 — 将 C4/architecture Mermaid 渲染为 SVG/PNG（视觉审查 · 不改架构边界）。OpenCode / Claude / Codex / Cursor 通用。

    • Open source (MIT)

    ★ 859Last active Jul 15, 2026Claude Code, Claude apps, Codex, Cursor +6

  12. 12
    legal-diagram

    lawve-ai

    Use when a user needs a legal or legal-adjacent Mermaid diagram from a document, pasted text, matter description, process, timeline, party map, obligation…

    • More recently active (freshness B)
    • Supports Python

    ★ 895Last active Jul 30, 2026Claude Code, Claude apps, Codex, Cursor +6

Related