network について
PlantUMLでネットワークトポロジー図を作成するスキルです。LAN、WAN、企業ネットワーク、無線、クラウドハイブリッド、セキュリティ、データセンターの図向けに、機器アイコンや接続、ゾーン分けの記法を示します。
主な機能
- 01ネットワーク機器のステンシル記法
- 02矢印による機器接続
- 03ゾーン単位の機器グループ化
- 04複数トポロジーの例
活用シーン
- 01オフィス LAN の図示
- 02WAN や企業ネットワークの整理
- 03クラウドハイブリッド基盤の記録
- 04セキュリティやデータセンター構成の図示
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ markdown-viewer/ skills --skill networkインストール後、Claude Code で/networkを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
examples/cisco-network.mdcitrix-network.mddatacenter-network.mdenterprise-network.mdhybrid-cloud.mdlan-topology.mdsecurity-architecture.mdwan-topology.mdwireless-network.md詳細
ネットワークトポロジ図ジェネレーター
クイックスタート: トポロジの種類を選択 → ネットワーク機器のステンシルアイコンを宣言 → 矢印構文で接続 → rectangle または package でゾーンにグループ化 → ```plantuml フェンスで囲みます。
⚠️ IMPORTANT: 必ず
```plantumlまたは```pumlのコードフェンスを使用してください。```textは絶対に使用しないでください。図としてレンダリングされません。
重要なルール
- すべての図は
@startumlで始まり、@endumlで終わります - ネットワーク機器のアイコン(ルーター、スイッチ、ファイアウォールなど)には
mxgraph.*ステンシル構文を使用します - デフォルトの色は自動的に適用されます。
fillColorやstrokeColorを指定する必要はありません rectangle "Zone" { ... }またはpackage "Zone" { ... }を使用して、機器をネットワークゾーンにグループ化します- クラウド/インターネットの図形には
cloud "Name" { ... }を使用します - 双方向の物理リンクには
--(矢印なし)、方向性のあるフローには-->を使用します - VPN/ワイヤレス/論理リンクには破線の
..または..>を使用します - 全体のスタイル設定には
skinparamを使用します
ステンシルの完全なリファレンス: 利用可能な 9500 以上のアイコンについては、stencils/README.md を参照してください。
Mxgraph ステンシル構文
mxgraph.<namespace>.<icon> "Label" as <alias>
mxgraph.<namespace>.<icon> "Label" as <alias> #color
mxgraph.<namespace>.<icon> <alias>
よく使われるネットワークステンシルファミリー
| ファミリー | プレフィックス | 代表的なアイコン |
|---|---|---|
| ネットワーク | mxgraph.networks.* | switch、router、firewall、server、pc、laptop、wireless_hub、cloud |
| Cisco | mxgraph.cisco.* | routers.router、switches.layer_3_switch、security.firewall、servers.fileserver |
| Cisco 19 | mxgraph.cisco19.* | nexus_9300、nexus_5k、fabric_interconnect、ucs_5108_blade_chassis、storage |
| Cisco SAFE | mxgraph.cisco_safe.security_icons.* | ngfw、waf、ids、siem、nac、vpn、ddos、malware_sandbox |
| Citrix | mxgraph.citrix2.* | netscaler_gateway、storefront、delivery_controller、vda |
接続の種類
| 構文 | 意味 | 用途 |
|---|---|---|
A -- B | 実線、矢印なし | 物理 Ethernet/LAN リンク |
A --> B | 矢印付きの実線 | 方向性のあるトラフィックフロー |
A .. B | 破線、矢印なし | VPN トンネル/ワイヤレスリンク |
A ..> B | 矢印付きの破線 | 方向性のある VPN/論理フロー |
A -- B : "label" | ラベル付きの接続 | リンクの説明 |
簡単な例
@startuml
mxgraph.networks.cloud "Internet" as inet
mxgraph.networks.firewall "Firewall" as fw
mxgraph.networks.router "Router" as rtr
mxgraph.networks.switch "Switch" as sw
rectangle "Office LAN" {
mxgraph.networks.pc "PC 1" as pc1
mxgraph.networks.pc "PC 2" as pc2
mxgraph.networks.server "Server" as srv
}
inet -- fw
fw -- rtr
rtr -- sw
sw -- pc1
sw -- pc2
sw -- srv
@enduml
ネットワーク図の種類
| 種類 | 目的 | 主なステンシル | 例 |
|---|---|---|---|
| LAN | ローカルネットワークトポロジ | mxgraph.networks.* | lan-topology.md |
| WAN | 広域ネットワーク | mxgraph.cisco.* | wan-topology.md |
| エンタープライズ | 企業インフラストラクチャ | mxgraph.cisco.* | enterprise-network.md |
| Cisco | Cisco 専用アイコン | mxgraph.cisco.* | cisco-network.md |
| ワイヤレス | WiFi ネットワーク | mxgraph.networks.* | wireless-network.md |
| ハイブリッドクラウド | オンプレミス + クラウド | mxgraph.cisco.* | hybrid-cloud.md |
| Citrix | 仮想アプリ/デスクトップ | mxgraph.citrix2.* | citrix-network.md |
| セキュリティ | 多層防御 | mxgraph.cisco_safe.security_icons.* | security-architecture.md |
| データセンター | スパイン・リーフ/UCS/SAN | mxgraph.cisco19.* | datacenter-network.md |
コメント
Markdown 対応