Diagramming Skill Leaderboard

Creates branded architecture, data flow, and UML diagrams in multiple formats with support for brand token integration and custom styling.

Generates validated architecture, sequence, and data-flow diagrams from text or code as interactive HTML and SVG files.

Generates self-contained HTML diagrams, architecture overviews, and visual diff reviews for technical systems and plans.

Generates .drawio XML files and exports them to image formats for UML, SysML, BPMN, and cloud architecture diagrams.

Creates self-contained dark-themed HTML/SVG architecture diagrams for systems, cloud infrastructure, security diagrams, and network topologies with export to PNG and PDF.

Generates Excalidraw JSON diagrams following a research-first methodology with evidence artifacts, multi-zoom architecture, and a render-validate loop.

Generates Excalidraw, Mermaid, and Obsidian Canvas diagrams from text, supporting animations, mind maps, and spatial layouts.

Generates architecture, cloud, data analytics, BPMN, UML, network, security, IoT, mind maps, infographics, and more from markdown.

Renders Mermaid diagrams into themed SVG, PNG, or ASCII formats for architecture documentation and terminal displays.

Guides a conversation about content and visual vibe, selects from 35 colour palette styles, and generates an editable Feishu whiteboard for diagrams, infographics, and posters.

Generates inline SVG diagrams, HTML widgets, charts, and interactive explainers that render token-by-token in the conversation.

Generates hand-drawn architecture, workflow, and swimlane diagrams from text or images with Excalidraw compatibility.

Creates, edits, and replicates draw.io research and technical diagrams from prompts, papers, screenshots, or existing diagrams with iterative visual validation.

An agent skill that turns an architecture discussion into an explorable isometric atlas: one data file, an interactive map and a generated SYSTEM.md

Forty-four agent skills cover Copilot SDK development, current library documentation, Google Workspace automation, image and Mermaid rendering, and Anki-based learning.

Generates Mermaid diagrams from user requirements, supporting 23 diagram types including flowcharts, sequence, ER, Gantt, C4, and architecture diagrams.

Matches diagram descriptions to indexed TikZ templates, icons, and examples, producing standalone-compilable figures with enforced style rules and compilation checks.

Generates Excalidraw JSON diagrams from system descriptions, with PNG/SVG export via Kroki API or local CLI, using a defined design system for clean technical diagrams.

Generates Mermaid diagrams-as-code for flowcharts, sequence diagrams, ER models, and state machines with automatic layout export.

Lays out and visualizes networks in JavaScript or TypeScript with support for multiple graph layout algorithms and static export formats.

Generates Mermaid diagrams, including flowcharts and C4 architecture models, from text or source code for system documentation.

Generates dark-themed animated HTML+SVG diagrams for flowcharts, architecture, pipelines, state machines, and network topology from descriptions or Mermaid source.