drawio

drawio — a Claude Code skill from bahayonghang/drawio-skills

Features

• ✓**Offline-first artifact bundle**: keep `.drawio`, `.spec.yaml`, and `.arch.json` aligned for repeatable local editing.
• ✓**Desktop-aware export**: use draw.io Desktop for PNG, PDF, JPG, and embedded `.drawio.svg` when available.
• ✓**Optional live browser refinement**: configure next-ai MCP only when you need a real-time browser session.
• ✓**3 core routes**: `create`, `edit`, and `replicate`.
• ✓**6 built-in themes**: `tech-blue`, `academic`, `academic-color`, `nature`, `dark`, `high-contrast`.
• ✓**Academic and math guardrails**: IEEE-style output, MathJax-safe delimiters, caption and legend checks.
• ✓**Academic figure typing**: paper-mode requests classify into `architecture`, `roadmap`, or `workflow` before layout and export.
• ✓**Cloud and stencil support**: AWS, GCP, Azure, Kubernetes, and network/provider icon workflows.
• ✓**Network topology support**: semantic device types (`router`, `switch`, `firewall`, `server`, `load_balancer`, `subnet`, `internet`, `ap`), Phase B `star/mesh` layout improvements, and automatic link labels from interface/IP/VLAN/bandwidth metadata.
• ✓**Vendor-aware icon mapping**: explicit AWS/Cisco icon prefixes, alias resolution (for example `aws.alb`, `aws.ec2`, `cisco.ap`), and vendor/device auto-mapping via `network.vendor` + `network.device`.
• ✓**Import and normalize existing diagrams**: convert `.drawio` into a YAML-first bundle with `--input-format drawio --export-spec`.
• ✓**Validation before export**: structure, layout, and quality checks, plus strict mode for paper-grade output.

Installation Guide

npx skills add bahayonghang/drawio-skills