业务架构图生成器
将以下提示词粘贴到你的 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 配置即可调整层级、模块和连线标签。