Agent Skills
返回列表
业务架构图生成器

业务架构图生成器

设计多媒体 更新于 2026.08.30

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

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_9f772957/business-architecture-diagram 到我的 AI 助手中。

技能介绍

解决什么问题

写架构汇报时,常见卡点不是“没有内容”,而是把文字里的分层、模块、依赖关系画成一张可交付的图很慢:手工排版耗时,改一次就重画一次,中文渲染、箭头标签、导出格式又经常各平台不一致。这个技能把“文字版分层描述”变成结构化绘图输入,用 JSON 配置生成扁平商务风格的分层架构图和流程图,减少手绘漂移,适合产品、技术架构、数据平台、AI 平台和云原生方案的汇报材料。

技能如何工作

核心输入是 title、subtitle、layers、connections 等字段:

  • 分层结构:按 用户接入层 → 业务服务层 → 数据中台层 → 基础设施层 等层级排布,每层显示层名色块和模块卡片。
  • 连线关系:通过 connections.from / connections.to 连接模块,支持 solid 实线、dashed 虚线和标签,用来表达核心数据流或辅助调用关系。
  • 多格式输出:可生成 PNG 用于文档配图,SVG 用于二次编辑,HTML 用于浏览器查看,PPTX 用于演示;缺 Node 环境时 PPTX 可降级为模板文件。
  • 字体与校验:自动检测 Windows / macOS / Linux 的中文字体,并对缺层、模块重名、连线指向不存在节点、画布超限等问题抛出 DiagramError,附修复建议。

适用边界

它适合 4~6 层、每层 3~6 个模块、模块内 2~5 个功能点的分层系统图;不建议用于时序图、UML 类图、3D 插画或超过 8000x6000 的超大画布。若单模块超过 8 个或连接数超过 30 条,自动布局可能出现交叉线,建议拆图或只保留关键连线。

使用场景

  • 产品立项评审前,把电商平台的用户、网关、业务、数据、基础设施描述整理成 5 层架构图并导出 PNG 给汇报材料。
  • 售前方案中需要说明数据中台的数据仓库、实时计算和 API 网关关系,用 JSON 配置生成带虚线标签的模块关系图。
  • 培训课件里要展示云原生架构中的 K8s、CDN、容器平台和安全侧边栏,并输出 HTML 用于课堂投屏交互查看。
  • 技术复盘时把订单处理链路拆成接入层、服务层、数据层,标注核心数据流和辅助调用,导出 SVG 到 Figma 二次修改。

适合人员

  • 需要把产品架构写进立项材料的 PM,要求一张能直接贴进 Word 的分层图。
  • 准备售前方案的解决方案架构师,需要快速展示数据中台、AI 平台或云原生模块关系。
  • 制作培训课件的技术讲师,需要输出 HTML 交互图并带中文字体检查。
  • 负责技术汇报的工程师,需要改 JSON 配置即可调整层级、模块和连线标签。