131 tagged diagram, measured the same way as everything else here.
Browse within: drawio 43cli 42image-generation 36whiteboard 34sketch 28canvas 27drawing 27infinite 27ai-tools 21excalidraw 21animation 18gif 17architecture 14visualization 14
Skill Claude Code
This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or needs to add MCP App support to an existing…
Skill Claude CodeCodex needs its repo
Create and edit draw.io/diagrams.net diagrams as editable .drawio files. Covers architecture, UML/ERD/sequence, BPMN, network, and swimlane views authored from a description or converted from code, IaC, SQL, and API schemas, plus sync, query, test, review, export, and publish of existing diagrams. Use when the user…
Skill Codex
A tool for turning technical descriptions, articles, processes, or reference images into hand-drawn-style diagrams. It can produce editable Excalidraw diagrams, image and video previews, and interactive HTML.
Skill Claude CodeCodex
A tool for creating text-based Mermaid diagrams and exporting them as PNG, SVG, or PDF files. Mermaid is a format where diagram structure is written as text and laid out automatically.
Skill Claude CodeCodex
Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .excalidraw files and exports to PNG/SVG via Kroki API or locally using…
Skill Claude CodeCodex needs its repo
An academic-diagram skill for creating research-paper figures as TikZ/LaTeX code or draw.io XML. TikZ is code that embeds precisely into LaTeX papers, while draw.io XML creates diagrams editable in the draw.io app.
Skill Claude CodeCodex needs its repo
Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .tldr JSON files and exports to PNG/SVG locally using @kitschpatrol/tldraw-cli.
Skill Claude CodeCodex
Use this skill when the user wants to create any diagram: flowchart, architecture, UML (sequence/class), ER, mindmap, network topology, or any visual diagram. Trigger words: "draw", "diagram", "flowchart", "architecture", "UML", "sequence diagram", "mindmap", "ER diagram", "network topology", "visualize", "draw.io"…
Skill Codex
Generate interior design planning artifacts, 2D SVG floorplans, BOM outputs, analysis boards, and renovation image sets from structured requirements. Use for staged interior-design work that moves through plan, 2D drafting, BOM, and image outputs.
Skill Claude CodeCodex
Create animated network topology and infrastructure diagrams using the Excalimate MCP server. Use when asked to visualize network architecture, server infrastructure, cloud deployments, Kubernetes clusters, VPC layouts, firewall rules, load balancing, or any physical/logical network topology.
Skill Claude CodeCodex
Use when the user asks for a literature review, academic deep dive, research report, state-of-the-art survey, topic scoping, comparative analysis of methods/papers, grant background, or any request that needs multi-source scholarly evidence with citations. Also trigger proactively when a user question clearly requires…
Skill Claude CodeCodex
Use when user requests diagrams, flowcharts, sequence diagrams, class diagrams, component diagrams, ER diagrams, architecture charts, or visualizations — including generating a diagram from existing source code, or rendering/extracting PlantUML embedded in a Markdown file to images (e.g. preparing docs for…
Skill Claude CodeCodex
Generates OMG BPMN 2.0.2-compliant process diagrams (BPMN XML with diagram interchange plus an SVG preview) and DMN 1.3 decision models (DMN XML) from natural-language descriptions, Logic-Core/Decision-Core JSON, or existing .bpmn/.dmn files. Validates soundness and modelling style, lays the diagram out automatically…
OLDyade/animated-sketch-diagram
Skill Claude CodeCodex
A skill for generating animated technical diagrams in a hand-drawn sketch style. It produces a self-contained HTML file with an SVG diagram, animated connections and icons, and an option to export a looping GIF.
ferdinandobons/diagram-creator-skill
Skill Claude CodeCodex
Generate beautiful, production-ready architecture diagrams as self-contained HTML files from any input. Use this skill whenever the user wants to create a diagram, schema, flowchart, network diagram, system visualization, timeline, org chart, or any visual representation of concepts — technical or non-technical.…
Leobeckham-162632/codex-visio-replica
Skill Codex
Use this skill when converting a user-provided PNG, JPG, screenshot, scanned diagram, flowchart, electrical schematic, network topology, academic mechanism diagram, neural-network architecture figure, map, infographic, or other two-dimensional reference image into an editable Microsoft Visio VSDX with separately…
Skill Claude CodeCodex
AnyGen: Download artifacts from a completed task.
LabinatorSolutions/kroki-editorial-diagrams
Skill Claude Code
Create premium, responsive, interactive diagrams (flowcharts, sequence, architecture, data models, timing, data visualization) with an elegant editorial design aesthetic. Chooses the optimal layout engine (PlantUML, C4, D2, Mermaid, Graphviz, Structurizr, WaveDrom, Vega-Lite, ERD, BPMN, and more) and exports to…
Skill Codex
Draw math geometry diagrams as PNG or SVG images using the Geometry DSL compiler. Use when the user asks to draw, shade, label, illustrate, or visually explain geometry, recreate a reference diagram, produce or repair Geometry DSL, or diagnose a diagram that looks wrong. Write DSL source, validate it with the bundled…
Skill Claude CodeCodex
Use when an article needs illustrations, diagrams, or images. Analyzes article content, identifies illustration points, routes to the best engine (Mermaid, D2, AI generation, stock photos, HTML rendering), and generates or searches for matching visuals. Standalone or integrated as a stage in great-writer pipeline.
asolfre/plantuml-rendering-skill
Skill Claude CodeCodex
Render PlantUML text and .puml files into image outputs (PNG). Use this skill whenever the user mentions PlantUML, .puml files, UML diagram source text, or asks to render/export/generate a sequence/class/activity/component diagram image. Trigger even when the user does not explicitly say "PlantUML" but provides…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: