网络拓扑图生成器

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

根据用户自然语言描述生成可导出的网络拓扑图,支持华为传统分区分域(安全域)标准与写实图标风格(校园网/园区网交付样式),可导出 SVG、PNG、VSDX(原生 Visio)、draw.io XML 与 HTML 预览。面向销售、售前、客户或实施人员不懂网络但需要快速产出标准化交付图的场景。

一句话选型结论

按资料字段整理

网络拓扑图生成器是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_730058ea/network-topology-generator
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_730058ea仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791734315
正文体量6.7 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
网络拓扑图生成器当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

6.7 KB
模型实际读到的说明书原文,来自技能仓库

网络拓扑图生成器

用途

根据用户的一句话需求,自动生成专业、可直接交付的网络拓扑图,并导出多种格式。

触发时机

当用户出现以下任一意图时触发:
- 要求“画网络拓扑图”、“画拓扑图”、“生成网络架构图”
- 提供行业/场景并需要网络/安全拓扑(如“金融数据中心拓扑”、“医院三网拓扑”)
- 明确要求按 华为分区分域(安全域) 标准画图(如“按华为标准画分区分域拓扑”)
- 需要导出为 PNG、Visio(vsdx)、draw.io 等格式
- 提到“售前方案图”、“销售拓扑图”、“客户汇报拓扑”

前置信息收集

在生成拓扑前,按以下顺序确认关键信息。若用户已一次性给出,则跳过询问步骤。

  1. 绘图标准:
    - 默认分层示意图:经典 5 层(外部/边界/核心/业务/接入),适合快速草图。
    - 华为分区分域(安全域):按不可信区→边界防护区→DMZ→内部办公区→业务应用区→核心数据区→安全管理区/运维管理区绘制,符合等保 2.0 纵深防御与华为网络安全方法论。
    - 写实图标风格:校园网/园区网交付图样式,节点用云、NGAF、AC、交换机、服务器机柜、楼宇、AP、PC 等写实图标呈现。设置 "style": "realistic" 启用。
  2. 行业 / 场景:金融、政务、医疗、教育、制造/工控、零售连锁、中小企业、通用。
  3. 客户类型 / 受众:
    - 销售:突出安全域与业务价值,弱化型号。
    - 售前:完整技术架构,含典型设备与带宽。
    - 客户 / 实施:贴合甲方环境,可含具体型号/管理面。
    - 管理层:宏观分区、合并同类设备。
  4. 关键需求:
    - 是否有 DMZ / 等保分区 / 工控网 / 多校区 / 多门店
    - 需要哪些核心设备(防火墙、WAF、核心交换、数据库、AP、摄像头等)
    - 是否有分支机构 / 公有云 / 双活数据中心
    - 对导出格式的偏好(PNG、Visio、draw.io、SVG 等)

工作流程

步骤 1:选择模板并生成拓扑描述 JSON

根据确认的行业和客户类型,从 references/industry_templates.md 中选择最接近的骨架,并结合用户需求增删节点、区域、链路。

若用户选择 华为分区分域(安全域) 标准,则优先使用 references/huawei_baseline.json 作为骨架:

  1. 保留 8 个标准安全域(外部网络区、边界防护区、对外服务区 DMZ、内部办公区、业务应用区、核心数据区、安全管理区、运维管理区)。
  2. 在 JSON 中设置 "standard": "huawei"。
  3. 区域的 trust 字段决定配色:untrust / boundary / half / internal / core / mgmt。
  4. 跨域链路必须经边界安全设备,使用 sec 字段标注设备(默认 FW)。
  5. 管理/审计链路使用 "kind": "mgmt" 渲染为灰色虚线。

生成的 JSON 必须符合 references/schema.md 的规范。设备类型必须使用 references/device_catalog.md 中的关键字,以保证图标、缩写、颜色、层级正确。

示例 JSON 见 references/sample_spec.json 与 references/huawei_baseline.json。

步骤 2:保存 JSON 并调用渲染脚本

  1. 在当前工作空间创建输出目录:outputs/network-topology/。
  2. 将拓扑描述 JSON 保存到 outputs/network-topology/topo_spec.json。
  3. 调用渲染脚本:
python scripts/topo_render.py --spec outputs/network-topology/topo_spec.json --outdir outputs/network-topology --name <文件前缀> --formats svg,png,vsdx,drawio,html

脚本依赖:PNG 导出需要 Pillow(pip install pillow)。SVG、VSDX、draw.io 为零依赖。

步骤 3:预览并交付

  1. 使用 show_widget 展示生成的 SVG 作为内联预览。
  2. 使用 present_files 将 outputs/network-topology/ 目录下的导出文件交付给用户。
  3. 告知用户:
    - .svg:矢量图,可直接插入 PPT、Word,也可用 Visio 打开/编辑。
    - .vsdx:原生 Visio 文件,可直接双击编辑。
    - .drawio:draw.io / diagrams.net 可编辑源文件。
    - .png:位图,适合插入汇报材料。
    - .html:浏览器可直接打开的带标题预览页。

节点/链路设计原则

  • 外部网络放最左列(tier 0)。
  • 边界安全设备(防火墙、VPN、SASE、路由器)放第 1 列(tier 1)。
  • 核心交换、安全检测(IPS、WAF、LB)放第 2 列(tier 2)。
  • 业务/数据库/存储放第 3 列(tier 3)。
  • 接入层与终端放第 4 列(tier 4)。
  • 链路标签优先标注带宽(如“10G 聚合”、“千兆”)。
  • 相同业务/安全域的节点放入同一 zone,自动绘制背景框。

华为分区分域渲染说明

  • 设置 "standard": "huawei" 后,渲染引擎将安全域绘制成 带标题条与信任色条的圆角矩形,而非半透明背景框。
  • 节点在区域内单列(或多列,通过 zone.cols 指定)自动堆叠。
  • 区域几何可自动计算:不填写 x/y/w/h 时,渲染器会按安全域顺序自动横向网格布局;需要精确排版时仍可显式指定。
  • 支持节点内嵌在 zones 中:可将设备直接写在 zones[].nodes 里,渲染器会自动补 zone 字段。
  • 跨域链路会在 安全域边界 绘制带颜色编码的连线与防护设备标签。
  • 画布底部自动生成 信任等级图例(不可信 / 边界防护 / 半可信 / 内部网络 / 核心数据 / 安全管理)。

参考资料

  • references/schema.md:拓扑描述 JSON 完整规范。
  • references/device_catalog.md:设备类型、缩写、颜色与层级速查。
  • references/industry_templates.md:金融、政务、医疗、教育、制造、零售、中小企业等行业骨架。
  • references/huawei_zoning.md:华为分区分域(安全域)方法论与实现说明。
  • references/huawei_baseline.json:华为分区分域标准拓扑模板。
  • references/customer_types.md:销售/售前/客户/管理层适配指南。
  • references/sample_spec.json:可直接参考的金融行业示例。
  • scripts/topo_render.py:渲染与多格式导出引擎。

常见问题

5 问
答案由本站依据条目字段整理
网络拓扑图生成器怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_730058ea/network-topology-generator。安装方式为未标注。装完刷新技能列表或重开客户端。

网络拓扑图生成器支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

网络拓扑图生成器权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

网络拓扑图生成器收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

网络拓扑图生成器用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。