Skip to content
Agentmart
Submit a tool

Agent skills for diagrams in Claude Code

717 agent skills for diagrams in the catalog list Claude Code as a supported host. These are the 15 that rank highest, ordered by adoption, freshness and documentation. pathfinder, attach-image and archify lead the list. Claude Code reads them from .claude/skills/<name>/SKILL.md in the project, or ~/.claude/skills/<name>/ for every project. A skill is a folder with a SKILL.md file; Claude Code loads it when a task matches its description. Every listing links to its source and shows a freshness grade.

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

How to install in Claude Code

npx skills add <owner>/<repo> --skill <name> -a claude-code

Where it goes: .claude/skills/<name>/SKILL.md in the project, or ~/.claude/skills/<name>/ for every project.

The host's docs describe copying a folder with a SKILL.md into a skills directory; the npx skills command is a third-party shortcut for the same thing.

Each listing page has the exact command for that listing.

Top 15 of 717

  1. 1
    pathfinder

    thedotmack

    Map a codebase into feature-grouped flowcharts, identify duplicated concerns across features, and propose a unified architecture.

    • Repository has 102.8K stars
    • Active in the last 30 days
    • Open source (Apache-2.0)

    ★ 102.8KLast active Oct 23, 2026Claude Code, Claude apps, Codex, Cursor +6

  2. 2
    attach-image

    PrimeIntellect-ai

    Load an on-disk image (PNG, JPEG, GIF, WebP) into the model's context as a viewable attachment so the model can directly SEE it — for screenshots, diagrams…

    • Repository has 22.3K stars
    • Active in the last 30 days
    • Ships helper scripts

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

  3. 3
    archify

    tt-a1i

    Create validated architecture, workflow, sequence, data-flow, lifecycle/state, ERD, class, tree, timeline, and waterfall diagrams as explorable standalone…

    • Repository has 88.7K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 88.7KLast active Oct 19, 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…

    • Largest repository here (137,493 stars)
    • Active in the last 30 days
    • Open source (MIT)

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

  5. 5
    archify-tuning

    tt-a1i

    Improve Archify diagram accuracy, visual quality and complete authoring speed with fewer repairs.

    • Repository has 88.7K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 88.7KLast active Oct 19, 2026Claude Code, Claude apps, Codex, Cursor +6

  6. 6
    md-validation

    haowjy

    Use when validating markdown links or Mermaid diagrams.

    • Active in the last 30 days
    • Open source (Apache-2.0)

    ★ 535Last active Oct 23, 2026Claude Code, Claude apps, Codex, Cursor +6

  7. 7
    pinepaper

    madhvantyagi

    Build and check Pinepaper MCP diagrams, charts, motion, and interactive models when a lesson needs linked visual states or a changing quantity.

    • Active in the last 30 days
    • Open source (MIT)

    ★ 342Last active Sep 30, 2026Claude Code, Claude apps, Codex, Cursor +6

  8. 8
    birdview-review

    Qiuner

    Review and improve codebase architecture with source-backed current/proposed diagrams, tradeoffs and verification.

    • Active in the last 30 days
    • Open source (MIT)

    ★ 656Last active Oct 9, 2026Claude Code, Claude apps, Codex, Cursor +6

  9. 9
    diagram-design

    anbeime

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

    • Repository has 8.6K stars
    • Active in the last 30 days
    • Open source (MIT)

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

  10. 10
    engraved-figures

    OutThisLife

    Create scientific figures, technical plates, research posters and diagram collections in a monochrome engraved-paper style.

    • Active in the last 30 days
    • Open source (MIT)
    • Ships helper scripts

    ★ 206Last active Oct 22, 2026Claude Code, Claude apps, Codex, Cursor +6

  11. 11
    html-diagram

    plannotator

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

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

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

  12. 12
    figma-generate-diagram

    figmaOfficial

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

    • Published by the vendor
    • Repository has 2.1K stars

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

  13. 13
    strategy-consulting-visualization

    kgraph57

    Use when turning content into clear strategy-consulting visualizations, including board slides, reports, diagrams, quiet animated decks, or explicit dynamic…

    • Active in the last 30 days
    • Open source (MIT)
    • Ships helper scripts

    ★ 154Last active Oct 18, 2026Claude Code, Claude apps, Codex, Cursor +6

  14. 14
    sketch

    makenotionOfficial

    Sketch an App workflow as a reviewable flow diagram when planning or iterating on its design with the user.

    • Published by the vendor
    • Active in the last 30 days
    • Open source (MIT)

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

  15. 15
    excalidraw

    Yam Borodetsky

    Generate Excalidraw diagrams from natural language descriptions.

    • Active in the last 30 days
    • Open source (MIT)
    • Ships helper scripts

    ★ 147Last active Sep 25, 2026Claude Code, Claude apps, Codex, Cursor +6

Related