Diagrams & Charts

builderio Bundle

Transform text plans into interactive visual documents with diagrams, code snippets, and review surfaces for coding agents.

microsoft Skill

Generates rich technical documentation pages with dark-mode Mermaid diagrams, source code citations, and first-principles depth.

microsoft Bundle

Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing relationships between resources.

antigravity Skill

Creates C4 context-level system documentation including system descriptions, personas, user journeys, external dependencies, and Mermaid context diagrams.

github Bundle

Generate draw.io diagrams as .drawio files and export them to PNG, SVG, or PDF with embedded XML.

github Skill

Generate ASCII art diagrams from PlantUML source files for use in terminals, documentation, and version-controlled environments.

github Skill

Create annotated animated GIF demos and screen recordings for pull requests and documentation. Covers frame capture, timing, imageio-based GIF creation, and per-frame annotation workflows.

github Skill

Add visual callouts like rectangles, arrows, and labels to screenshots, diagrams, and images using PIL/Pillow, with support for animated GIF annotations.

github Bundle

Generate breadboard circuit mockups and visual diagrams for retro computing and electronics projects using HTML5 Canvas.

github Bundle

Generate, edit, and validate draw.io diagram files (.drawio) with correct mxGraph XML structure for flowcharts, architecture, sequence, ER, and UML diagrams.

github Bundle

Generate Excalidraw diagrams from natural language descriptions, supporting flowcharts, relationship diagrams, mind maps, architecture diagrams, and more. Outputs .excalidraw JSON files that can be opened directly in Excalidraw.

github Skill

Analyzes codebases to generate comprehensive architectural documentation, including technology stack detection, visual diagrams, and implementation patterns.

github Skill

Analyzes project folder structures, auto-detects technology stacks, and generates detailed blueprints with naming conventions, file placement patterns, and templates for consistent code organization.

trailofbits Bundle

Generates Mermaid diagrams from code graphs, including call graphs, class hierarchies, module dependency maps, and data flow visualizations.

kepano Bundle

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections for visual canvases, mind maps, and flowcharts.

jimliu Bundle

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

jimliu Bundle

Generates professional infographics by combining 21 layout types with 22 visual styles, analyzing content to recommend optimal combinations, and producing publication-ready raster images.

k-dense-ai Bundle

Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter with layout design, color schemes, multi-column formats, and figure integration.

k-dense-ai Bundle

Creates scientific documentation using markdown with embedded Mermaid diagrams as the default format, enforcing a text-based diagram standard with style guides, 24 diagram type references, and document templates.

owl-listener Skill

Create user flow diagrams that map paths, decisions, branches, and error recovery through a product.

antigravity Bundle

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections for Obsidian mind maps, flowcharts, and visual note structures.

ai-builder-club Bundle

Creates animated flow diagrams from articles, workflow notes, architecture sketches, or process descriptions using a JSON specification and a local Python/Pillow renderer.

heygen Bundle

Add captions or subtitles to a single-subject talking-head video without editing the footage, using a catalog of visual identities.

nexu-io Bundle

Creates a New York Times-style data chart frame with animated reveal, supporting line, bar, and range-band charts from CSV/JSON or a textual conclusion.

nexu-io Bundle

Draws a flowchart as a whiteboard-style sticky-note diagram with SVG curves, handwritten fonts, and hover interactions.

nexu-io Bundle

Transform a concept into an editorial-style visual narrative with six distinct layouts, four font families, and a magazine-like arc from problem to insight.

tinh2 Skill

Generates Mermaid architecture diagrams from a codebase, including C4 context and container diagrams, sequence diagrams for key flows, ER diagrams from database schemas, and module dependency graphs.

tinh2 Skill

Generates hand-drawn-style Excalidraw architecture diagrams from a codebase, including C4 context and container views, sequence diagrams for key flows, ER diagrams from database schemas, and module dependency graphs.

dangquangse Bundle

Create text-based diagrams and visualizations using Mermaid.js v11 syntax, covering flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, and more. Includes CLI conversion to SVG/PNG/PDF, JavaScript integration, theming, and configuration options.

huuanh20 Bundle

Create text-based diagrams with Mermaid.js v11 syntax, covering flowcharts, sequence diagrams, class diagrams, and more. Convert to SVG, PNG, or PDF via CLI, or embed in web pages with JavaScript.

auto-skiller Bundle

Designs strategic HTML presentations with data visualization, layout patterns, and copywriting formulas for marketing and pitch decks.

galyarderlabs Bundle

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections for visual canvases, mind maps, and flowcharts.

diegosouzapw Bundle

Creates, edits, and converts vector graphics and diagrams using LibreOffice Draw, supporting ODG, SVG, PDF, and PNG formats.

tools-only Bundle

A C4 Container diagram for an e-commerce platform with 3 Container_Boundary groups, 10 containers, and 2 external systems.

phoroth Skill

Analyzes code directories to produce C4 code-level documentation with function signatures, dependencies, and structure diagrams.

github Bundle

Generate D2 database diagrams from Entity Framework Core models by analyzing DbContext, entities, Fluent API, and migrations.