drawio-impl-network

Enforces Cisco19 vendor namespaces and zone containers in Draw.io network diagrams.

4|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/OpenAEC-Foundation/Draw.io-Claude-Skill-Package --skill drawio-impl-network
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: drawio-impl-network
Source: https://github.com/OpenAEC-Foundation/Draw.io-Claude-Skill-Package/tree/main/skills/source/drawio-impl/drawio-impl-network
Command: npx skills add https://github.com/OpenAEC-Foundation/Draw.io-Claude-Skill-Package --skill drawio-impl-network

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Draw.io network diagrams often suffer from using outdated stencil namespaces or neglecting zone boundaries, leading to confusing, non-operational topologies. This Skill ensures diagrams consistently use modern vendor stencils (e.g., mxgraph.cisco19.*) and clear containerized zones for DMZ, LAN, and WAN to improve accuracy and readability.

Core Features & Use Cases

  • Enforces the use of current Cisco stencils and proper icons for routers, switches, firewalls, servers, and endpoints.
  • Guides best-practice layouts for enterprise networks, rack diagrams, and multi-cloud environments with provider-specific zones.
  • Validates that all physical links are bidirectional, zoned with containers, and shapes include wrapping labels to prevent overlap.

Quick Start

Generate a basic network diagram in Draw.io using Cisco19 stencils for a DMZ and internal LAN with AWS/Azure/GCP zones and proper link styling.

Frequently Asked Questions about drawio-impl-network

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use correct Cisco stencils for a Draw.io network diagram?

Draw.io network diagrams use the mxgraph.cisco19.* namespace to enforce correct Cisco stencils for routers, switches, firewalls, and endpoints. This replaces outdated shapes with current vendor icons for consistent topology design.

What's the best way to create zone containers for DMZ and LAN in Draw.io?

Creating zone containers for DMZ and LAN in Draw.io requires setting the container=1 property on boundary shapes. This establishes clear visual zones that improve enterprise network topology readability and prevent layout confusion.

Why do my Draw.io network topology labels overlap and how do I fix it?

Draw.io network topology labels overlap when shapes lack proper text constraints. Fix overlapping label issues by enabling wrapping labels on shapes, which keeps text within device boundaries and maintains diagram readability.

Can I use Draw.io to design multi-cloud architecture diagrams with AWS, Azure, and GCP?

Draw.io supports multi-cloud architecture diagrams with AWS, Azure, and GCP by using provider-specific container zones. The diagram uses containerized shapes to separate cloud environments and applies proper link styling for clear topology boundaries.

Does Draw.io support bidirectional physical links for rack diagrams?

Draw.io supports bidirectional physical links for rack diagrams by enforcing the endArrow=none property on connection lines. This styling ensures physical links are represented accurately without unintended directional arrows.