agentsclimarketplace
Sign in

Shelves Media & documents

Diagrams & charts

744 rows from 395 repositories

Drawing the system rather than describing it.

What Diagrams & charts skills agree on

412 skill files read, by 397 of the 418 authors on this shelf whose files we hold, 2026-09-06

The middle one of the 52 measured here is ~2.1k tokens long, counted with cl100k_base

Counted by distinct author, so one author publishing three of these counts once. Where a claim sits in fewer files than authors, that is said: a claim held by forty authors across three files is one file people copied, not forty people who agreed. Near-identical wordings are grouped and the other wordings are shown, so the grouping is yours to check.

What they tell the agent to do

  1. Quote labels containing special characters18 of 397 in 17 filesalso worded as Wrap node labels containing special characters in quotes; quote node labels containing special characters
  2. Choose the right diagram type for the data15 of 397 in 13 filesalso worded as Choose the diagram type that fits the content; choose the right diagram type for the content
  3. Create a detailed Mermaid diagram12 of 397 in 11 filesalso worded as Write diagrams in Mermaid; Create flow diagrams as Mermaid
  4. Validate Mermaid syntax before output11 of 397 in 9 filesalso worded as validate syntax in Mermaid Live Editor; Generate valid Mermaid syntax when given a description
  5. Wrap diagrams in fenced Mermaid code blocks11 of 397also worded as Wrap generated code in mermaid code blocks; Write diagrams in fenced mermaid blocks
  6. Read the reference file for the chosen diagram type10 of 397 in 6 filesalso worded as Read pattern references for the chosen diagram type; Read the reference section for the chosen type
  7. Label every connection descriptively8 of 397 in 7 filesalso worded as label every connection with its meaning; Label every connection with direction and protocol
  8. Use stateDiagram-v2 for state diagrams7 of 397also worded as Build state diagrams with stateDiagram-v2; Use stateDiagram-v2 for state machine diagrams
  9. Declare the diagram type on the first line7 of 397also worded as keep the diagram header on the first line; Declare the diagram type correctly
  10. Keep one concept per diagram7 of 397also worded as keep one idea per diagram; Keep one diagram to one idea
  11. Cap diagrams at 15 nodes and split over 207 of 397also worded as Cap diagrams near fifteen to twenty nodes; Split diagrams into separate files past 20 nodes
  12. Describe the diagram before generating it7 of 397also worded as Present the diagram plan and obtain approval before generating; Read the diagram guide before generating each diagram
  13. Verify the checklist before delivering7 of 397also worded as Verify validation checklist before finalizing; Verify quality checklist before finalizing
  14. Draw arrows before boxes6 of 397also worded as Draw arrows before boxes so they sit behind
  15. Include evidence artifacts in technical diagrams6 of 397also worded as Show concrete evidence artifacts inside technical diagrams

What they tell it not to do

  1. Don't default to flowcharts for everything11 of 397 in 9 filesalso worded as Do not default to flowcharts for everything; Do not default to a flowchart
  2. No external dependencies except Google Fonts8 of 397 in 4 filesalso worded as No external dependencies except Google Fonts; No external dependencies except the Google Fonts import
  3. Never generate the whole diagram in one pass7 of 397also worded as Never generate the whole diagram in one pass; Never draw the whole diagram in one call
  4. Do not use for Mermaid diagrams7 of 397also worded as Do not use for Mermaid diagrams; Never build complex diagrams with Mermaid
  5. Do not exceed 30 nodes in the diagram7 of 397also worded as never exceed 20 nodes in one diagram; avoid diagrams with 20+ nodes
  6. Do not set fixed width or height attributes6 of 397 in 2 filesalso worded as Do not set fixed width or height attributes
  7. Do not let text overflow component boxes6 of 397 in 2 filesalso worded as Do not let text overflow component boxes
  8. Do not overlap stacked components6 of 397 in 2 filesalso worded as Do not overlap stacked components
  9. Never place the legend inside the diagram area6 of 397also worded as Never float the legend inside the diagram area; Don't build the legend inside the graph
  10. Do not invent colors outside the palette6 of 397also worded as Do not invent colors outside the palette; Don't invent new colors outside the palette

What they expect to be installed

  1. Mermaid97 of 397 in 96 files
  2. grep24 of 397 in 23 files
  3. python19 of 397 in 15 files
  4. AskUserQuestion18 of 397
  5. python317 of 397
  6. Read tool17 of 397
  7. git17 of 397 in 16 files
  8. Read16 of 397 in 15 files
  9. node15 of 397
  10. PlantUML15 of 397

What they ask it to produce

  1. Mermaid diagram45 of 397 in 42 filesalso worded as Mermaid architecture diagram; Complete Mermaid diagram code
  2. .excalidraw JSON file23 of 397also worded as .excalidraw diagram file; .excalidraw file
  3. SVG diagram15 of 397also worded as SVG diagram file; diagram.svg
  4. Single self-contained HTML file with inline SVG14 of 397also worded as Self-contained HTML file with inline SVG; a single self-contained HTML file with inline SVG
  5. Fenced Mermaid code block14 of 397also worded as Mermaid code block; Mermaid fenced code block
  6. SVG file13 of 397 in 12 filesalso worded as Standalone SVG file; SVG files
  7. PNG diagram13 of 397also worded as PNG image of the diagram; PNG render of the diagram
  8. .drawio file12 of 397also worded as .drawio diagram file; .drawio or .xml diagram file

When Diagrams & charts authors say to reach for one

The situations these authors wrote into their own files, counted out of the same 397 authors, with the skills that name each one

How Diagrams & charts skills are built

670 skill directories by 359 authors, read from their repositories’ own file trees 2026-08-05

The middle bundle among those shipping files is 5 files, 33.3 KB beside SKILL.md

Counted by distinct author, same as above, so one author publishing forty template copies counts once. SKILL.md itself is not counted as a file, so a single-file skill is one where that file is the whole skill.

The shape

  1. SKILL.md is the whole skill92 of 359 authors, 222 of 670 skills
  2. files ship beside it267 of 359 authors, 448 of 670 skills
  3. executable scripts ship inside141 of 359 authors, 188 of 670 skills

The folders they converge on

  1. references/198 of 359 authors, 321 of 670 skills
  2. scripts/115 of 359 authors, 157 of 670 skills
  3. assets/54 of 359 authors, 84 of 670 skills
  4. templates/34 of 359 authors, 43 of 670 skills
  5. examples/25 of 359 authors, 29 of 670 skills
  6. agents/23 of 359 authors, 30 of 670 skills

  • Archify

    tt-a1i/archify/archify Skill

    10,485★ repo

    Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.

  • Html diagram

    plannotator/effective-html/skills/html-diagram Skill

    1,633★ repo

    Agent skill for elegant and simple html plans, architecture diagrams, or whatever else you can think of.

  • Drawio aws

    sparklabx/drawio-ai-kit/skills/drawio-aws Skill

    626★ repo

    Teach your AI to draw correct, beautiful draw.io diagrams — declarative layout engine, ground-truth stencils, structural validator, vision self-check. AWS · Azure · GCP · Databricks · BPMN. Zero dependencies.

  • Hustcc mcp mermaid

    hustcc/mcp-mermaid/ai.smithery/hustcc-mcp-mermaid MCP server

    621★ repo

    Generate dynamic Mermaid diagrams and charts with AI assistance. Customize styles and export diagr…

  • Excalidraw skill

    Agents365-ai/excalidraw-skill/skills/excalidraw-skill Skill

    186★ repo

    Hand-drawn Excalidraw diagrams from natural language. 5 patterns, 8-color semantic palette, Kroki API or local CLI. PNG/SVG, multi-agent.

  • Mermaid skill

    Agents365-ai/mermaid-skill/skills/mermaid-skill Skill

    170★ repo

    Mermaid diagrams (.mmd) from natural language with validation loop. 11+ types, multi-backend (mmdc / Kroki), PNG/SVG/PDF, multi-agent.

  • Dashmotion

    csthink/dashmotion/skills/dashmotion Skill

    150★ repo

    Animated technical diagrams from plain English or Mermaid — a Claude skill, self-contained HTML/SVG.

  • Excalidraw Architect

    BV-Venky/excalidraw-architect-mcp/io.github.BV-Venky/excalidraw-architect-mcp MCP server

    142★ repo

    Generate beautiful Excalidraw architecture diagrams with auto-layout and component styling

  • Academic figure architecture extractor

    Azhi-ss/academic-figure-skills/academic-figure-architecture-extractor Skill

    80★ repo

    AI skills for academic paper figures: repo analysis, figure planning, colorblind palettes, JSON figure specs. Install: npx skills add Azhi-ss/academic-figure-skills

  • Architecture diagram

    konraddzbik/architecture-diagram-skill/skills/architecture-diagram Skill

    56★ repo

    Build click-through, animated system architecture diagrams as a single HTML file. Drop it into a workshop, design review, or onboarding doc and let people watch the data flow instead of reading static boxes-and-arrows.

  • Plantuml skill

    Agents365-ai/plantuml-skill/skills/plantuml-skill Skill

    53★ repo

    PlantUML diagrams (.puml) from natural language via Kroki — no Java install. 10+ UML types, 5 themes, PNG/SVG, multi-agent.

  • Agentic Mermaid

    adewale/agentic-mermaid/io.github.adewale/agentic-mermaid MCP server

    46★ repo

    Render, verify, describe, and safely edit Mermaid diagrams through MCP.

  • Excalidraw

    Erlemar/dswok/.claude/skills/excalidraw Skill

    33★ repo

    A collection of notes on Data Science

  • D2 gen azure

    miiitch/d2-gen/skills/d2-gen-azure Skill

    19★ repo

    Resources for diagram generators skills

  • Animated sketch diagram

    OLDyade/animated-sketch-diagram Skill

    no license14★

    Claude Code skill: hand-drawn animated architecture diagrams — ink on beige paper, flowing dots, one self-contained HTML, seamless-loop GIF export

  • Analyze repo

    kriscard/Skills/skills/dev/analyze-repo Skill

    13★ repo

    A opinionated collection of agent skills organized by domain: dev, writing, productivity, and knowledge management

  • Aws diagram

    mpuig/claude-cloud-diagrams/skills/aws-diagram Skill

    no license12★ repo

    An AI agent that explores your AWS account and draws what it finds. Not a perfect map. A useful one.

  • Diagrammer

    IdraDev/Diagrammer/skills/diagrammer Skill

    11★ repo

    📐 A minimal viewer for LLM-authored diagrams. Local-first, schema-driven, no account, no cloud.

  • Mindmap

    0x-man/mindmap-skill/mindmap Skill

    no license10★ repo

    A Claude skill that transforms documents, articles, brainstorms, and ideas into interactive mind maps — then connects them into a personal knowledge atlas. Contradiction detection, gap analysis, source attribution, 7 export formats, and adaptive layouts.

  • Living docs

    ejklock/living-docs-skill/skills/living-docs Skill

    no license9★ repo

    Living Docs — a AI agent skill that runs your project's documentation as a living system: constitution, ADRs, BDRs, PRDs, issues, research notes & Mermaid architecture diagrams under five no-drift governance invariants. OKF-formatted, stack-agnostic. Works with Claude Code, Cursor, Copilot, OpenCode & Pi.

  • AI Diagram Maker

    erajasekar/ai-diagram-maker-mcp/io.github.erajasekar/ai-diagram-maker-mcp MCP server

    8★ repo

    Generate software diagrams from natural language, code, ASCII, images, Mermaid.

  • Enterprise architecture skill

    gauravs19/enterprise-architecture-skill Skill

    7★

    Unified enterprise & software architecture Claude Code skill: C4+Structurizr, ArchiMate, TOGAF ADM, arc42+ADR. Diagram, document, review, and model the enterprise.

  • Omnigraffle generator

    openanvil/omnigraffle-generator Skill

    6★

    Generate native OmniGraffle .graffle files programmatically

  • Wenqu image

    gogoingai/wenqu-skills/wenqu-image Skill

    5★ repo

    面向 AI Agent 的内容创作技能集合，覆盖资料积累、结构设计、文章撰写、审查优化与发布流程。

  • Excalidraw mcp

    cmd8/excalidraw-mcp/io.github.cmd8/excalidraw-mcp MCP server

    4★ repo

    Model Context Protocol server for Excalidraw diagrams.

  • Excalidraw crafter

    smartbrainactivity/visual-diagramming-export/excalidraw-crafter Skill

    3★ repo

    🇬🇧 AI skills for coding assistants (Antigravity/Claude/Cursor) to generate & export editable visual diagrams (Excalidraw/Markmap/PlantUML). | 🇪🇸 Skills de IA para generar y exportar diagramas visuales editables directamente desde tu editor local.

  • Excalidraw

    marsmike/feinschmiede/feinbild/skills/excalidraw Skill

    3★ repo

    A family of branded-media plugins for Claude Code — decks, images & 2D, video, and audio, coupled by CLI capabilities (never file paths) over one shared engine.

  • Kroki editorial diagrams

    LabinatorSolutions/kroki-editorial-diagrams/skills/kroki-editorial-diagrams Skill

    3★ repo

    A unified diagramming skill for Claude Code and Antigravity IDE (Gemini CLI). It pairs multi-engine diagrammatic DSLs (PlantUML, C4, D2, Mermaid, Graphviz, ERD, BPMN) with editorial design guidelines, producing interactive SVG viewers, dark-mode gallery indexes, and shareable Kroki URLs — all from a single Python-backed skill.

  • Architecture review

    EdytaKucharska/keel/skills/architecture-review Skill

    3★ repo

    Decisions, not standards. Keel is a Claude Code plugin for product builders who direct AI rather than type code — it sits at decision moments (should we build this, which shape, what breaks if we're wrong, what does wrong cost), not at code-style moments.

  • Excalidraw diagram

    skizha/agent-skills/skills/excalidraw-diagram Skill

    no license3★ repo

    A collection of Claude Code skills -- reusable plugins that extend Claude with specialized workflows and domain knowledge.

  • Excalidraw

    debu-sinha/excalidraw-mcp-server/io.github.debu-sinha/excalidraw MCP server

    3★ repo

    Security-hardened Excalidraw MCP server with auth, rate limiting, and 14 tools

  • Diagram generator

    Matthewyin/CustomSkills/plugins/diagram-generator/skills/diagram-generator Skill

    no license2★ repo

  • Excalidraw diagram

    twotwo/obsidian-skills/.skills/excalidraw-diagram Skill

    2★ repo

    开箱即用的 Obsidian 仓库，集成设计常用的 Obsidian Skills

  • Tech route maker

    Stephen-studying/tech-route-maker Skill

    2★

    Evidence-grounded editable technical route diagrams for research and engineering projects.

  • Mermaid syntax skill

    notfolder/isdd/.agents/skills/mermaid-syntax-skill Skill

    no license2★ repo

    isdd（Interview-driven Spec-driven Development）はインタビュー駆動で仕様を確定して、要件・設計・ソースをIDで一貫追跡しながら、開発を進める手法です。

  • Iago

    drakulavich/iago/iago Skill

    2★ repo

    🦜 Greptile-style Mermaid diagrams for AI code reviews — drawn by your own agent. A Claude Code / Codex / Copilot / Gemini skill; run /iago after /review.

  • Excalidraw diagram

    aeonbook/aeon-excalidraw-diagram/skills/excalidraw-diagram Skill

    2★ repo

    Aeon skill: beautiful two-color Excalidraw diagrams from drawfiles, machine-validated

  • Drawio

    ethanolivertroy/pi-drawio/skills/drawio Skill

    2★ repo

    Pi skill for generating native draw.io diagrams and exports

  • Mind map

    nerfels/mind-map/io.github.nerfels/mind-map MCP server

    2★ repo

    Experimental code intelligence platform for Claude Code with AST parsing and context analysis

  • Architectural planning

    nainishshafi/developer-productivity-skills/.github/skills/architectural-planning Skill

    1★ repo

    Reusable AI skills for Claude Code and GitHub Copilot — scan READMEs, sync forks, create skills, lint Python, and scan for security vulnerabilities

  • Roadmap visualizer

    Oldvictech/session-continuity/roadmap-visualizer Skill

    1★ repo

    Three Claude skills for keeping long projects coherent across chat sessions: verified handovers (session-close / session-open) and a canonical roadmap visualizer.

  • Reverse engineering skill github copilot

    sarveshtalele/reverse-engineering-skill-github-copilot Skill

    no license1★

  • Architecture diagram

    taleshagn-horushub/thoth/skills/architecture-diagram Skill

    1★ repo

    Production-tested agentic skills for Claude, Copilot, and the Agent SDK. Born in real businesses.

  • Mermaid diagrams

    henryennis/mermaid-js-for-agents/skills/mermaid-diagrams Skill

    1★ repo

    Portable Agent Skill package for creating and repairing Mermaid.js diagrams

  • Excalidraw diagram

    iamurali/system-design-skill/skills/excalidraw-diagram Skill

    1★ repo

    Open Agent Skill for PE-grade system design interview prep. Generates 10 artifacts per problem with quality gates, cross-file checks, and a Python validator. Works with Cursor, Codex, Claude Code, Copilot, and Gemini CLI.

  • Morph animation

    ychampion/morph-public/experiments/morph-animation/plugin-template/skills/morph-animation Skill

    1★ repo

    Morph is the intelligence layer between sales and engineering—turn real product flows into buyer-ready videos, interactive demos, and Story Packs with your coding agent.

  • Drawio diagram skill

    xiaopixuan/skills-public/skills/drawio-diagram-skill Skill

    1★ repo

    Public Codex skills, including skill-design-review and drawio-diagram-skill.

  • Network diagram mcp

    den-indance/network-diagram-mcp/io.github.den-indance/network-diagram-mcp MCP server

    1★ repo

    Network topology editor — Claude builds diagrams via MCP. nmap/CSV import, one-click SSH.

  • Mermaid mcp app

    finfin/mermaid-mcp-app/io.github.finfin/mermaid-mcp-app MCP server

    no license1★ repo

    MCP App that renders Mermaid diagrams as interactive UI in Claude, VS Code and other MCP clients

  • Diagram expert

    maskar/cc-plugins/sawkit/skills/diagram-expert Skill

    0★ repo

    Claude Code plugin marketplace — reusable skills for markdown, diagrams, and project scaffolding

  • Skill

    wasulajr/spinediagrams/skill Skill

    0★ repo

    Clean architecture and system-design diagrams as SVG — designed to be authored by LLMs. Single-spine arrow routing, 16:9 aspect-ratio-aware, zero deps. Includes a Claude Code skill bundle.

  • Architecture diagram gpt imagegen

    ArthurZakirov/ProofStack/skills/architecture-diagram-gpt-imagegen Skill

    no license0★ repo

    Public-safe skills and schemas for turning private work evidence into career signal

  • Arch map

    isanthoshgandhi/santhoshstack/skills/arch-map Skill

    0★ repo

    Personal Claude Code skills by Santhosh Gandhi — context-manager and frugal-token-usage

  • Cloud diagram

    cyber-sorted/skills-free/cloud-diagram Skill

    0★ repo

    Free Claude Code skills for cloud architecture diagrams and security advisory

  • Code graph

    Manav1011/mcp-and-skills/code-graph Skill

    no license0★ repo

    Installable skills for Claude AI

  • Archify

    pedroberaldo87/pedro-plugins/plugins/archify/skills/archify Skill

    no license0★ repo

    Marketplace privado de 17 plugins (skills, hooks e automações) pessoais para Claude Code.

  • Everything drawio mind

    smith-source/everything-drawio-mind Skill

    0★

    ** everything-drawio-mind ** is a powerful Draw.io graph processing pipeline that converts AI-generated content into professional, structured, and directly publishable Draw.io graph format.

  • Constellation map

    drsreekrishnan/constellation-map-skill/skills/constellation-map Skill

    0★ repo

    A Claude skill that transforms any mind map image into a stunning, physics-based interactive constellation visualization — rendered as a single self-contained HTML file.

  • Skill image to pptx

    sunjingjun99/skill-image-to-pptx Skill

    0★

    A Claude Code skill that converts images to editable PPTX

  • Blog

    Srltas/claude-skills/blog Skill

    0★ repo

    My Claude Skills

All 744 in the catalog