@markdown-viewer

graphviz generates directed and undirected graph diagrams via dot language syntax, handling node/edge attributes, cluster grouping, and layout control for dependency visualization.

canvas renders spatial node diagrams via json, supporting text, files, and links positioned on a coordinate grid with color presets and edge connectors. obsidian compatible.

bpmn generates plantUML diagrams for workflow visualization using BPMN, EIP, and lean mapping stencils. covers syntax rules, icon namespacing, and pool/lane structure but lacks worked examples and error handling.

vega covers declarative (vega-lite) and programmatic (vega) chart creation for statistical visualization. guides data structure, encoding mapping, and syntax rules but lacks real-world usage patterns and error recovery.

iot generates plantUML diagrams for IoT architectures using mxgraph stencils. covers device placement, edge gateways, cloud connectivity, and zone grouping with explicit syntax rules for rendering.

mermaid enables diagram creation via text syntax for flowcharts, sequences, states, classes, and gantt charts. covers common syntax pitfalls and layout rules but lacks actionable workflows for specific use cases.

wireframe generates UI mockups and layouts in drawio XML format with platform-specific component libraries for web, iOS, and Android. delegates most structural decisions to a parent drawio skill and provides platform dimensions and spacing guidelines.

data-analytics generates plantuml diagrams for etl pipelines and data warehouse architectures using mxgraph aws stencils. covers source to visualization flows with grouping and async notation support.

infocard provides a taxonomy-heavy framework for embedding styled html info cards in markdown, with extensive layout and style families but lacks actionable step-by-step procedure and concrete examples of actual skill execution.

Create security architecture diagrams using PlantUML syntax with identity, encryption, firewall, and compliance stencil icons. Best for IAM flows, zero-trust…

Create hierarchical mind maps using PlantUML @startmindmap syntax. Best for brainstorming, topic decomposition, study notes, and decision trees with automatic…

Create cloud provider architecture diagrams using PlantUML syntax with official AWS, Azure, GCP, and Alibaba Cloud service icons. Best for multi-service cloud…

Create ArchiMate enterprise architecture diagrams using PlantUML stdlib macros. Best for TOGAF viewpoints, layered EA modeling…

Create network topology diagrams using PlantUML syntax with mxgraph device icons (Cisco, Citrix, etc.). Best for LAN/WAN layouts, datacenter interconnects, and…

Create template-based infographics with space-separated key-value syntax (NOT YAML). Best for KPI dashboards, timelines, roadmaps, SWOT analysis, funnels,…

Create layered system architecture diagrams using HTML/CSS templates with color-coded tiers and grid layouts. Best for technology stacks, microservices…

Create UML diagrams using PlantUML syntax. Best for software modeling — Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams…

General-purpose diagramming tool using drawio XML format with 8900+ stencils. Best for custom diagrams requiring pixel-perfect positioning, diagrams with…