Agent Skills
返回列表
💻

Visio 安全图纸

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md 安装 @user_6c3897e4/visio-safe-diagrams 到你的 AI 助手中。

技能介绍

解决什么问题

画架构图时,Visio/Draw.io 产出的图形经常遇到文本溢出、连线端点漂移、中英文标签换行异常、SVG 被浏览器或图片管线渲染成坏图。visio-safe-diagrams 把 .drawio 当作可编辑主文件,先生成稳定的 SVG,再按交付检查表验证,适合需要可复现图纸的团队。

工作流与能力

核心步骤:

  • 优先创建或修复 .drawio,保持 未压缩、内联 的 mxGraphModel,避免把 XML 当文本塞入节点,也避免用 base64/deflate 包一层。
  • 对必须对齐参考图的线条,使用固定点边:边节点设置坐标与几何,减少依赖 source/target 自动路由带来的偏移。
  • 元素按 root cells、标题/背景、边与边标签、设备/组件框的顺序放置,保持可读性和导出稳定性。
  • 用 scripts/drawio_to_svg.py 从 .drawio 生成 SVG,脚本会复制固定点边、拆分标签文本、按框加 clipPath,并对中英混排做保守换行,输出 UTF-8。

交付前检查:.drawio 能解析且存在 mxGraphModel、几何属性使用 as="geometry"、中文标签在 UTF-8 下可见、SVG 可解析,并实际渲染检查无坏图、文字不出框、标签不盖住关键连线端点。

适用边界

它适合 Visio 安全风格的架构/设备图、需要可编辑源文件和 SVG 成品的场景。若输入是压缩或 base64 的 .drawio,或缺少内联 mxGraphModel,需要先用 Draw.io 导出未压缩 XML 或手工修复。它也偏重布局稳定与兼容性,不替代复杂流程图语义建模。

使用场景

  • 需要把网络架构草图整理成可交付 SVG,同时保留 .drawio 源文件供后续修改。
  • 绘制设备连线图时要求端点位置稳定,不依赖 Draw.io 自动路由导致线位漂移。
  • 生成含中文设备名和英文指标的架构图 SVG,避免文字溢出框体或覆盖线端点。
  • 交付前检查 .drawio 与 SVG 是否可解析,并在浏览器渲染后确认无坏图。

适合人员

  • 维护内部架构文档、需要把草图变成可编辑源文件和稳定 SVG 的工程师
  • 做设备/网络拓扑图、要求线位与参考图一致的设计或运维工程师
  • 交付含中英混排标签的技术方案图、怕文字溢出或乱码的产品/研发工程师
  • 需要在 CI/交付流程中校验 .drawio 与 SVG 可解析性的平台工程师