📦 Swimlane & Arch Diagram — Swimlane 与架构图(Arch Diagram)
v1.1.0根据自然语言描述,生成符合政务和微服务规范的专业泳道图或分层架构图,导出Draw.io XML格式。 根据自然语言描述,生成符合政务和微服务规范的专业泳道图或分层架构图,并以Draw.io XML格式导出。
运行时依赖
安装命令
点击复制技能文档
泳道图架构图一句话生成 业务流程图 × 系统架构图,一句话出图 版本: 1.1.0 技能定位 泳道图架构图一句话生成 是一款智能图表生成器,一句话就能生成专业的 Draw.io XML 图表。 核心能力 泳道图(Swimlane):支持横向泳道和竖向泳道两种方向,多角色/多部门清晰展示跨角色业务流转,政务场景友好 架构图(Architecture):分层架构(用户层→应用层→服务层→数据层→基础设施层),支持微服务/API/数据库等组件 双格式输出: Draw.io XML(.drawio):默认格式,直接在 diagrams.net 打开编辑 ProcessOn(需配置 API Key):如检测到 PROCESSON_API_KEY,自动调用 ProcessOn API 生成更精美的云端图表 自然语言交互:无需了解图表语法,用日常语言描述即可 泳道图(Swimlane Diagram)规范 结构规范 方向选择 方向 适用场景 触发关键词 横向泳道(默认) 角色少、流程步骤多、强调时序推进 默认,或"横向""水平" 竖向泳道 角色多、流程步骤少、强调角色分工对比 "竖向""纵向""竖版""垂直" 横向泳道 泳道方向:横向泳道,每个泳道代表一个角色/部门/系统 排列顺序:泳道从上到下排列,角色名在左侧标签区 流程节点:节点在对应泳道内,用箭头连接 起止标识: 起始节点:实心圆(绿色,#82b366) 结束节点:圆环+实心圆(红色,#d9574a) 竖向泳道 泳道方向:竖向泳道,每个泳道代表一个角色/部门/系统 排列顺序:泳道从左到右排列,角色名在顶部标签区 流程节点:节点在对应泳道内,从上到下流转 起止标识: 起始节点:实心圆(绿色,#82b366) 结束节点:圆环+实心圆(红色,#d9574a) 适用场景: 多角色并行对比(如多个部门各自流程并排展示) 角色分工明确但流程不长的场景(如政务审批多部门会签) 需要强调角色间横向交互的场景 竖向泳道 XML 生成规范 竖向泳道的 Draw.io XML 关键差异: 关键参数: horizontal=0:泳道竖向排列(角色标签在顶部) startSize=40:顶部标签区高度 泳道宽度固定(约300px),高度随流程步骤增加 节点在泳道内从上到下排列,y坐标递增 跨泳道箭头为水平方向连接 节点类型与样式 节点类型 形状 填充色 边框色 开始/结束 圆形 #82b366 / #d9574a #333333 活动节点 圆角矩形 #dae8fc #6c8ebf 判断节点 菱形 #fff2cc #d6b656 子流程 双边框矩形 #f8cecc #b85450 数据/文档 波浪底矩形 #f5f5f5 #666666 箭头规范 路径类型 线型 颜色 标注 主流程 实线箭头 黑色 #333333 无 判断"是" 实线箭头 绿色 #82b366 是 判断"否" 虚线箭头 红色 #d9574a 否 跨泳道连接(横向泳道) 垂直箭头 黑色 #333333 交互说明 跨泳道连接(竖向泳道) 水平箭头 黑色 #333333 交互说明 样式参数 泳道标题区:深色背景(#f5f5f5),加粗文字,14px 泳道内容区:白色背景 整体尺寸:宽度自适应,最小 1200px 泳道高度:每条至少 200px 字体:微软雅黑,节点内 12px 节点内边距:上下 8px,左右 12px 政务场景常见角色 申请人/群众 窗口受理人员 部门审批人员 领导决策 系统自动处理 第三方机构 架构图(Architecture Diagram)规范 分层架构规范 从下到上依次为: 基础设施层(最底层) 数据层 服务层 应用层 用户层(最顶层) 节点样式 层级 形状 填充色 边框色 用户层 圆角矩形 #d5e8d4 #82b366 应用层 圆角矩形 #dae8fc #6c8ebf 服务层 圆角矩形 #fff2cc #d6b656 数据层 圆柱体形状 #e1d5e7 #9673a6 基础设施层 矩形 #f5f5f5 #666666 特殊节点 数据库:圆柱体形状(style 包含 shape=cylinder3) 外部系统:虚线边框矩形(dashed=1) API/网关:六边形(hexagon) 微服务:带云图标边框 连接线规范 关系类型 线型 说明 同步调用 实线箭头 标准服务调用 异步消息 虚线箭头 消息队列场景 数据流 实线+标注 带数据说明 依赖关系 箭头 A→B 表示 A 依赖 B 输出格式说明 Draw.io XML(默认) 生成 .drawio 文件,可在 diagrams.net 直接打开编辑,无需任何账号。 ProcessOn(需配置 API Key) 如用户配置了 ProcessOn API Key(环境变量 PROCESSON_API_KEY),则优先调用 ProcessOn API: 将图表转换为 ProcessOn 支持的格式 调用 POST https://open.pingcode.com/v1/graph 上传并生成图片 返回 ProcessOn 在线链接,支持更多人协作 若未配置 ProcessOn API Key,默认输出 Draw.io XML 格式。 生成流程 Step 1: 理解需求 从用户描述中提取: 泳道图:角色列表、流程步骤、所属角色、判断分支、跨角色交互 架构图:架构层次、各层组件、组件调用关系、数据流向 Step 2: 结构化解析 泳道图解析逻辑: 输入描述 → 识别角色 → 梳理流程 → 标记判断 → 确定交互 架构图解析逻辑: 输入描述 → 识别层次 → 梳理组件 → 确定关系 → 标注流向 Step 3: 生成 Draw.io XML 必须遵循的 XML 规范: 使用 mxGraphModel 作为根元素 每个元素使用 mxCell 定义,id 必须唯一 泳道使用 swimlane 关键字标识 箭头使用 edge 类型,source/target 指向节点 id 合理计算坐标位置,避免重叠 Step 4: 保存文件 文件路径:{工作目录