Back to Skills

network

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

2,909stars171forksUpdated 6/8/2026

Security Assessment

Safe(100/100)
Security Score100/100

About network

The network skill helps create network topology diagrams using PlantUML syntax and mxgraph device icons. It is designed to turn network architecture ideas into renderable diagrams for LAN, WAN, datacenter, enterprise, wireless, hybrid cloud, Cisco-focused, and Citrix-related layouts. The skill solves the practical problem of documenting physical and logical network designs in a structured text format that can render as a diagram when placed inside the required PlantUML or PUML code fence.

Its main capabilities include defining network devices with mxgraph stencil syntax, using common icon families such as networks, Cisco, Cisco 19, Cisco SAFE, and Citrix, and connecting devices with PlantUML line syntax. It supports solid physical links, directed traffic flows, dashed VPN or wireless links, labeled connections, cloud shapes, and grouped zones using rectangle or package blocks. It also emphasizes critical rendering requirements such as starting diagrams with @startuml, ending with @enduml, and avoiding text code fences because they will not render as diagrams.

This skill is useful for network engineers, infrastructure architects, technical writers, IT administrators, and documentation teams who need clear network topology visuals in Markdown-based documentation. It is especially suited for documenting office LANs, WAN designs, enterprise infrastructure, Cisco device layouts, WiFi networks, hybrid cloud connectivity, datacenter interconnects, and physical or logical network zones.

FAQ

What code fence should I use for diagrams created with this skill?

Use a plantuml or puml code fence. The source specifically warns not to use a text code fence because it will not render as a diagram.

What syntax is required for every diagram?

Every diagram must begin with @startuml and end with @enduml. Network devices should use mxgraph stencil syntax, and connections should use PlantUML link syntax such as --, -->, .., or ..>.

What types of network devices and icons are supported?

The skill supports mxgraph stencil families mentioned in the source, including networks, Cisco, Cisco 19, Cisco SAFE, and Citrix icons. Examples include routers, switches, firewalls, servers, PCs, wireless hubs, Cisco Nexus devices, security icons, and Citrix components.

Can diagrams show both physical links and logical flows?

Yes. Solid lines without arrows are used for physical links, arrows are used for directed traffic flows, dashed lines are used for VPN, wireless, or logical links, and labels can be added to connections.

Are custom colors required for network icons?

No. The source states that default colors are applied automatically, so fillColor and strokeColor do not need to be specified.

All Files

10 files
examples/lan-topology.md2.8 KB
View
examples/citrix-network.md3.7 KB
View
examples/wan-topology.md3.6 KB
View
examples/datacenter-network.md3.5 KB
View
examples/wireless-network.md3.2 KB
View
examples/enterprise-network.md3.7 KB
View
SKILL.md4.2 KB
View
examples/cisco-network.md3.7 KB
View
examples/security-architecture.md4.0 KB
View
examples/hybrid-cloud.md3.5 KB
View

Install network

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill