Skills and MCP tagged “diagrams”

diagram-design cathrynlavery skill Draws 45 diagram types as self-contained HTML files with inline SVG. Useful when a picture beats a paragraph. Claude Code CX Codex Cursor +1 18,900installs anatomy wheresryan22 skill Builds detailed interactive isometric SVG figures that explain technical ideas as physical machines. Useful for landing pages and docs. Claude Code CX Codex Cursor +1 21,100installs fireworks-tech-graph yizhiyanhua-ai skill Builds precise technical SVG diagrams, exports them to PNG or standalone HTML, and animates semantic SVGs into GIFs. Suitable for system architecture, UML, and cloud workflows. Claude Code CX Codex Cursor +1 18,000installs excalidraw-diagram-generator official github skill Turn a plain-language description into an Excalidraw diagram. Useful for mapping processes, system structure, and relationships between entities. GitHub Copilot 31,639installs show-me humanlayer skill Explains code and architecture through Mermaid diagrams, call trees, diffs, and HTML artifacts. Useful when you need a concise visual layout instead of walls of text. Claude Code CX Codex Cursor +1 32,300installs plantuml-ascii official github skill Creates text-based PlantUML diagrams for terminals, README files, and docs without images. Use it when a diagram should live alongside source code. GitHub Copilot 9,740installs excalidraw-diagram coleam00 skill Generates .excalidraw JSON diagram files for technical architectures and workflows. Helps turn system specs or logic into diagrams with real data examples. Claude Code CX Codex Cursor +1 8,500installs design-doc-mermaid SpillwaveSolutions skill Generates Mermaid diagrams and design documents from code or user prompts. Useful for GitHub wiki pages, architecture reviews, and sequence flows. Claude Code CX Codex Cursor +1 80,400installs hand-drawn-diagrams nexu-io skill Generates hand-drawn Excalidraw diagrams from plain text prompts. It outputs animated SVGs, PNG exports, and hosted links for editing. Claude Code CX Codex Cursor +1 2,800installs draw-io-diagram-generator official github skill Creates and edits draw.io diagrams in .drawio, .drawio.svg, and .drawio.png files. Use it when an agent needs to produce a diagram from a project request. GitHub Copilot 2,800installs drawio official github skill Builds native .drawio diagram files and exports them to PNG, SVG, or PDF with embedded XML. GitHub Copilot 314installs figma-generate-diagram official Figma skill Prepares Mermaid.js syntax for the generate_diagram tool and renders editable FigJam boards. Needed before building flowcharts, ERDs, or sequence diagrams. CX Codex GP ChatGPT 5installs gem-documentation-writer official github subagent Generates technical documentation, README files, and diagrams from source code. It treats code as read-only truth and maintains AGENTS.md without writing application code. GitHub Copilot ★ 40,369repo stars draw official Burke Holland plugin Create and edit simple diagrams in a Copilot canvas with draw. Use it to sketch a diagram, adjust it with Copilot, then export it as PNG or SVG. GitHub Copilot ★ 40,369repo stars diagram-viewer official Aaron Powell plugin View diagrams in an interactive canvas, drill down by clicking nodes, and read agent-generated explanations alongside the diagram. GitHub Copilot ★ 40,369repo stars