skills.rest
XCmiaow
XCmiaowCOMMUNITY
Explore all skills by this author →
GitHub

network

Generate PlantUML network topology diagrams with mxgraph device icons.

Updated May 5, 2026
Search Tags:#plantuml#uml#mxgraph#network diagrams#topology design#cisco icons#citrix architecture
One-click install
npx skills add https://github.com/XCmiaow/cc-deploy --skill network-xcmiaow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: network
Source: https://github.com/XCmiaow/cc-deploy/tree/main/skills/network
Command: npx skills add https://github.com/XCmiaow/cc-deploy --skill network-xcmiaow

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you turn network design ideas into clear, consistent topology diagrams without manually drawing shapes or hunting for icon sets.

Core Features & Use Cases

  • PlantUML-based topology authoring: Write diagrams using @startuml ... @enduml plus plantuml/puml fences for reliable rendering.
  • mxgraph stencil network icons: Use mxgraph.networks.* and Cisco/Citrix/Safe/Data Center families (e.g., routers, switches, firewalls, servers, endpoints) to accurately represent devices.
  • Zone grouping and connection styles: Organize diagrams with rectangle/package, and connect devices using --, -->, .., and ..> for physical, directed, and logical/VPN paths.
  • Use case: Document an enterprise WAN/LAN layout or a datacenter spine-leaf fabric with consistent icon choices and readable zone boundaries.

Quick Start

Ask the AI to generate a LAN diagram for an office using mxgraph.networks.* icons, grouped into wired and wireless zones, with Internet → firewall → core switch → endpoints.

Frequently Asked Questions about network

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

FAQPage Schema
How do I generate network topology diagrams using PlantUML?▼

You generate network topology diagrams using PlantUML by wrapping code in `@startuml` and `@enduml` tags, utilizing mxgraph network device icons to represent LAN/WAN, datacenter, and logical designs.

Can I use Cisco and Citrix icons for enterprise network diagrams in PlantUML?▼

Yes, you can use Cisco and Citrix icons for enterprise network diagrams by leveraging the mxgraph stencil syntax, specifically calling from `mxgraph.networks.*` and related Cisco, Citrix, and Safe network device families.

How do I represent zone grouping and different connection types in a PlantUML network diagram?▼

You represent zone grouping in a PlantUML network diagram using `rectangle`, `package`, or `cloud` containers, and differentiate physical, directed, and logical/VPN connection paths using `--`, `-->`, `..`, and `..>` semantics.

What is the best way to document a datacenter spine-leaf fabric or enterprise WAN layout?▼

The best way to document a datacenter spine-leaf fabric or enterprise WAN layout is by authoring PlantUML topology diagrams with consistent mxgraph stencil icon choices, applying zone boundaries to ensure clear and readable infrastructure documentation.

Do I need specific syntax to correctly render mxgraph network icons in PlantUML?▼

Yes, you need specific syntax to correctly render mxgraph network icons in PlantUML, requiring correct PlantUML wrappers, mxgraph stencil syntax, and proper connection semantics for reliable rendering of network devices.

Related Skills

Explore More Design & Creative Skills→
shekerkammashekerkamma

network

Generate network topology diagrams in PlantUML with mxgraph icons.

Community
Intermediate
automateyournetworkautomateyournetwork
627

uml-diagram

Generate UML, network topology, sequence diagrams via Kroki rendering engine.

Community
Intermediate
coolguy1771coolguy1771

architecture-diagrams

Generate system architecture diagrams using Mermaid and PlantUML code.

Community
Intermediate
mikeyfennelly1mikeyfennelly1

react-flow-advanced

Implement advanced React Flow patterns for nested nodes, custom edges, and undo/redo.

Community
Advanced