mcpField
N
network

network

github.com/markdown-viewerクラウド・DevOps3.4k3.2k 回インストール3 週間前に更新
リポジトリ

network について

PlantUMLでネットワークトポロジー図を作成するスキルです。LAN、WAN、企業ネットワーク、無線、クラウドハイブリッド、セキュリティ、データセンターの図向けに、機器アイコンや接続、ゾーン分けの記法を示します。

主な機能

  1. 01ネットワーク機器のステンシル記法
  2. 02矢印による機器接続
  3. 03ゾーン単位の機器グループ化
  4. 04複数トポロジーの例

活用シーン

  1. 01オフィス LAN の図示
  2. 02WAN や企業ネットワークの整理
  3. 03クラウドハイブリッド基盤の記録
  4. 04セキュリティやデータセンター構成の図示

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/markdown-viewer/skills --skill network

インストール後、Claude Code で/networkを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

examples/
cisco-network.md
citrix-network.md
datacenter-network.md
enterprise-network.md
hybrid-cloud.md
lan-topology.md
security-architecture.md
wan-topology.md
wireless-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
Ciscomxgraph.cisco.*routers.router、switches.layer_3_switch、security.firewall、servers.fileserver
Cisco 19mxgraph.cisco19.*nexus_9300、nexus_5k、fabric_interconnect、ucs_5108_blade_chassis、storage
Cisco SAFEmxgraph.cisco_safe.security_icons.*ngfw、waf、ids、siem、nac、vpn、ddos、malware_sandbox
Citrixmxgraph.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
CiscoCisco 専用アイコン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/SANmxgraph.cisco19.*datacenter-network.md

コメント