Diagrams

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.

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.

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.