Diagramming

json-canvas helps create and edit valid .canvas files for Obsidian-style boards, with correct nodes, edges, IDs, coordinates, groups, and references.

baoyu-infographic is a prompt framework for structured infographic creation with 21 layouts and 20 styles. It helps analyze source content, choose the right layout and style, and generate clear visual summaries for UI design, comparisons, workflows, and other content-heavy explainers.

secure-workflow-guide guides a 5-step Solidity security workflow: Slither triage, feature-specific checks, visual inspection, security-property notes, and manual review. It is built for smart contract teams, auditors, and builders who want a repeatable secure-workflow-guide guide before deployment or release.

diagram-generator helps create and edit draw.io, Mermaid, and Excalidraw diagrams from structured input. It supports flowcharts, sequence diagrams, class diagrams, ER diagrams, mind maps, architecture diagrams, and network topologies, and can read existing .drawio, .mmd, and Excalidraw files for easier updates.

excalidraw-diagram creates Excalidraw JSON diagrams that argue visually, not just display boxes and arrows. Use it for workflows, architecture, sequence flows, decision paths, and concept diagrams where structure, readability, and real relationships matter. It includes install guidance, render-aware checks, and a practical workflow for better diagramming.

fireworks-tech-graph is a diagramming skill for turning system descriptions into production-ready SVG and PNG diagrams. It includes install guidance, helper scripts, validation, templates, and style references for technical diagrams, architecture flowcharts, sequence views, and related visual workflows.

mermaid-diagrams is a practical Mermaid reference for flowcharts, sequence diagrams, class diagrams, ERDs, C4, and architecture diagrams. Use it to choose the right diagram type, follow the repository references, and create versionable docs-friendly diagrams with better prompts and renderer-aware syntax.

excalidraw is a workflow skill for explaining, updating, and creating Excalidraw diagrams by delegating noisy .excalidraw JSON to subagents. Use it for architecture diagrams, flowcharts, and diagram-aware tasks without bloating the main agent context.

The uml skill helps you create PlantUML diagrams for software modeling, including class, sequence, activity, state machine, component, use case, deployment, and related diagrams. Use uml for Diagramming when you need editable, auto-laid-out, text-first diagrams for code, docs, and repo workflows. Not suited for layered architecture, charts, or BPMN workflows.

The security skill creates PlantUML security architecture diagrams with AWS stencils for identity, encryption, firewalling, compliance, and threat detection. Use it for IAM flows, zero-trust designs, encryption pipelines, Security Audit diagrams, and review-ready documentation. It is not meant for general cloud infrastructure or generic UML modeling.

Use the network skill to create PlantUML network topology diagrams with mxGraph device icons, auto-layout, zone grouping, and clear link semantics. It fits LAN, WAN, enterprise, data center, wireless, security, and vendor-specific diagrams, with examples for network usage and guidance on when to use network versus uml or cloud.

Create IoT architecture diagrams in PlantUML with device, sensor, gateway, edge, and cloud service icons. The iot skill is best for smart home, industrial IoT, fleet telemetry, sensor networks, digital twins, and robotics. Use it for clear IoT vocabulary and iconography, not generic cloud or UML diagrams.

graphviz is a DOT-based diagramming skill for creating automatically laid out directed and undirected graphs. Use it for dependency trees, call graphs, package hierarchies, ownership maps, and other graphviz for Diagramming use cases where readable structure matters more than manual positioning. It helps agents produce valid DOT with fewer render errors.

The data-analytics skill creates PlantUML diagrams for data analysis workflows, including ETL, ELT, data lakes, warehouses, streaming pipelines, log analytics, and BI dashboards. It is optimized for clear source-to-destination flow, AWS analytics/database stencils, and practical data-analytics guide output—not generic software or cloud architecture diagrams.

Use the cloud skill to create PlantUML cloud architecture diagrams with official provider stencil icons for AWS, Azure, GCP, Alibaba Cloud, IBM Cloud, and OpenStack. It is a strong cloud guide for Cloud Architecture, with install and usage patterns, service boundaries, and flow-aware layouts for real deployment diagrams.

canvas creates JSON Canvas diagrams with free positioning and explicit x/y coordinates. Use it for mind maps, knowledge graphs, concept maps, planning boards, and other Diagramming workflows where spatial layout matters more than sequence. It is not the right choice for flows or data charts. Use the canvas skill when you need editable nodes, links, and structured layout.

archimate helps you create ArchiMate diagrams in PlantUML with `!include <archimate/Archimate>`, typed element macros, and relationship macros. It fits layered enterprise architecture views for business, application, technology, motivation, and migration planning. Use archimate for Diagramming when you need structured EA notation, not generic cloud or network diagrams.

bpmn helps you create business process and integration diagrams in PlantUML with BPMN, EIP, and Lean Mapping stencil icons. It is built for workflow automation, approvals, orchestration, messaging, ETL, and value stream mapping, with clear guidance on when to use bpmn and when to choose uml or vega instead.

Architecture is a diagramming skill for building layered system views in HTML and CSS, with color-coded sections, grid layouts, and clear component hierarchy. It is best for user/application/data/infrastructure diagrams, microservices maps, and enterprise architecture. Use it instead of generic prompts when you want fast, editable architecture for Diagramming output.

json-canvas helps agents create and edit valid .canvas files for Obsidian and other JSON Canvas apps. Use it to generate structurally correct nodes, edges, groups, positions, and layering for mind maps, flowcharts, and lightweight diagramming workflows.

Create polished, dark-themed architecture diagrams as standalone HTML files with inline SVG. The architecture-diagram skill is built for system architecture, infrastructure, cloud, security, and network topology diagrams, giving you a browser-ready visual with semantic colors, clear component relationships, and a consistent technical style.

markdown-mermaid-writing is a Markdown and Mermaid diagram writing skill for scientific and technical documentation. Use it to turn workflows, architectures, analyses, and reports into editable text-first docs with clear diagrams, version control friendliness, and practical markdown-mermaid-writing usage for Technical Writing.

The hand-drawn-diagrams skill turns natural-language prompts into hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. It validates output and can return an edit URL plus exportable images. Best for fast Diagramming when you want a sketch-style result, not polished vector art.