agentCLAWHUBUnverified
Swimlane Arch
业务流程图×系统架构图，一句话出图。支持横向泳道、竖向泳道和分层架构图，输出Draw.io XML格式直接可编辑。 触发关键词：泳道图、架构图、流程图、swimlane、一句话出图、画个图、业务流程、系统架构 Skill: Swimlane Arch Owner: leslietong2046-ship-it Summary: 业务流程图×系统架构图，一句话出图。支持横向泳道、竖向泳道和分层架构图，输出Draw.io XML格式直接可编辑。 触发关键词：泳道图、架构图、流程图、swimlane、一句话出图、画个图、业务流程、系统架构 Tags: latest:1.1.6 Version history: v1.1.6 | 2026-05-05T16:29:14.112Z | user Added 30s quick-start guide v1.1.5 | 2026-05-05T16:26:06.838Z | user Added 30s quick-start guide v1.1.4 | 2026-05-05T14:14:59.080Z | user v1.1.4: 添加YAML front matter，版本升级 v1.1.3
OpenClaw
Rank
62
Safety
84
Downloads
1.4k
Updated
Oct 10, 2026
Version
1.1.6
Source
CLAWHUB
About
What it does, and when to use it.
Capability contract not published. No trust telemetry is available yet. 1.4K downloads reported by the source. Last updated 10/10/2026.
Avoid when
- Contract metadata is missing or unavailable for deterministic execution.
Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing
Public facts
Every fact links back to the source it came from.
- Vendor
- Clawhubvendor · observed Oct 10, 2026
- Protocol compatibility
- OpenClawcompatibility · observed Oct 10, 2026
- Adoption signal
- 1.4K downloadsadoption · observed Oct 10, 2026
- Latest release
- 1.1.6release · observed May 5, 2026
- Handshake status
- UNKNOWNsecurity
Install and run
Setup complexity: low.
clawhub skill install s172gnmy46r3x0p0mbwb7wjcy1861bmv:swimlane-arch-skill- Setup complexity is classified as HIGH. You must provision dedicated cloud infrastructure or an isolated VM. Do not run this directly on your local workstation.
- Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data.
Contract: missing
curl -s "https://www.xpersona.co/api/v1/agents/clawhub-leslietong2046-ship-it-swimlane-arch-skill/snapshot"
Documentation
CLAWHUB
83,491 characters of source documentation, loaded on request.
Extracted files
4 files captured from the source.
SKILL.md
---
name: swimlane-arch
description: |
业务流程图×系统架构图，一句话出图。支持横向泳道、竖向泳道和分层架构图，输出Draw.io XML格式直接可编辑。
触发关键词：泳道图、架构图、流程图、swimlane、一句话出图、画个图、业务流程、系统架构
version: 1.1.5
metadata:
openclaw:
requires:
env: []
bins: []
primaryEnv: ""
emoji: "🗺️"
---
# 泳道图架构图一句话生成
> 业务流程图 × 系统架构图，一句话出图
**版本**: 1.1.4
---
## ⚡ 30秒体验
对你的Agent说：
> "画个政务审批泳道图"
一句话生成Draw.io XML — 横向/竖向泳道、分层架构，直接打开就能编辑，配色专业美观。
## 技能定位
泳道图架构图一句话生成 是一款智能图表生成器，一句话就能生成专业的 Draw.io XML 图表。
### 核心能力
- **泳道图（Swimlane）**：支持横向泳道和竖向泳道两种方向，多角色/多部门清晰展示跨角色业务流转，政务场景友好
- **架构图（Architecture）**：分层架构（用户层→应用层→服务层→数据层→基础设施层），支持微服务/API/数据库等组件
- **双格式输出**：
- **Draw.io XML**（`.drawio`）：默认格式，直接在 [diagrams.net](https://app.diagrams.net) 打开编辑
- **ProcessOn**（需配置 API Key）：如检测到 `PROCESSON_API_KEY`，自动调用 ProcessOn API 生成更精美的云端图表
- **自然语言交互**：无需了解图表语法，用日常语言描述即可
---
## 泳道图（Swimlane Diagram）规范
### 结构规范
#### 方向选择
| 方向 | 适用场景 | 触发关键词 |
|------|---------|-----------|
| **横向泳道**（默认） | 角色少、流程步骤多、强调时序推进 | 默认，或"横向""水平" |
| **竖向泳道** | 角色多、流程步骤少、强调角色分工对比 | "竖向""纵向""竖版""垂直" |
#### 横向泳道
1. **泳道方向**：横向泳道，每个泳道代表一个角色/部门/系统
2. **排列顺序**：泳道从上到下排列，角色名在左侧标签区
3. **流程节点**：节点在对应泳道内，用箭头连接
4. **起止标识**：
- 起始节点：实心圆（绿色，#82b366）
- 结束节点：圆环+实心圆（红色，#d9574a）
#### 竖向泳道
1. **泳道方向**：竖向泳道，每个泳道代表一个角色/部门/系统
2. **排列顺序**：泳道从左到右排列，角色名在顶部标签区
3. **流程节点**：节点在对应泳道内，从上到下流转
4. **起止标识**：
- 起始节点：实心圆（绿色，#82b366）
- 结束节点：圆环+实心圆（红色，#d9574a）
5. **适用场景**：
- 多角色并行对比（如多个部门各自流程并排展示）
- 角色分工明确但流程不长的场景（如政务审批多部门会签）
- 需要强调角色间横向交互的场景
### 竖向泳道 XML 生成规范
竖向泳道的 Draw.io XML 关键差异：
```xml
<!-- 竖向泳道：使用 horizontal=0 或在 style 中指定方向 -->
<mxCell id="swimlane1" value="角色名称"
style="swimlane;horizontal=0;fillColor=#f5f5f5;strokeColor=#666666;fontSize=14;fontStyle=1;startSize=40;"
vertex="1" parent="1">
<mxGeometry x="0" y="0" width="300" height="800" as="geometry" />
</mxCell>
```
关键参数：
- `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）规范
### 分层架构规范
从下到上依次为：
1. **基础设施层**（最底层）
2. **数据层**
3. **服务层**
4. **应用层**
5. **用户层**（最顶层）
### 节点样式
| 层级 | 形状 | 填充色 | 边框色 |
|------|------|-------|--------|
| 用户层 | 圆角矩形 | #d5e8d4 | #82b366 |
| 应用层 | 圆角矩形 | #dae8fc | #6c8ebf |
| 服务层 | 圆角矩形 | #fff2cc | #README.md
# 🗺️ 泳道图架构图一句话生成
> **美观、专业、一句话出图**
> 横向泳道 · 竖向泳道 · 分层架构，Draw.io XML 即下即用
---
## ✨ 三大核心能力
### 🎯 横向泳道图
```
多角色业务流转 | 自上而下时序推进 | 默认方向
```
适用于：用户注册流程、订单处理、审批流转等典型业务流程
**效果示例**：4角色横向泳道，绿色起点→节点→红色终点，专业配色
```
┌─────────┬─────────┬─────────┬─────────┐
│ 用户 │ 订单系统 │ 库存系统 │ 支付系统 │
├─────────┼─────────┼─────────┼─────────┤
│ (开始) │ │ │ │
│ ↓ │ │ │ │
│ 下订单 │ │ │ │
│ ↓ │ 扣库存 │ │ │
│ ↓ │ ↓ │ 成功 │ │
│ ↓ │ 发起支付←←←←←←←←←←←│
│ ↓ │ ↓ │ │ 验证 │
│ 完成 │ 通知发货│ │ │
└─────────┴─────────┴─────────┴─────────┘
```
---
### 🎯 竖向泳道图
```
多角色并行对比 | 从左到右分区展示 | 自动推荐
```
适用于：政务多部门会签、企业跨部门协作、角色分工明确的场景
**效果示例**：6部门竖向并行对比，标签在顶部
```
┌───────┬───────┬───────┬───────┬───────┬───────┐
│申请人 │ 窗口 │ 科室 │ 法制 │ 领导 │ 第三方│
├───────┼───────┼───────┼───────┼───────┼───────┤
│提交材料│ 受理 │ 初审 │ 审核 │ 审批 │ 评估 │
│ ↓ │ ↓ │ │ │ │ ↓ │
│ │ 补正 │ │ │ │ │
│ │ ↓ │ │ │ │ │
└───────┴───────┴───────┴───────┴───────┴───────┘
```
---
### 🎯 分层架构图
```
用户层 → 应用层 → 服务层 → 数据层 → 基础设施层
```
适用于：微服务架构、系统架构、技术方案展示
**效果示例**：电商微服务分层架构
```
┌─────────────────────────────────────────────────────┐
│ 👤 用户层 │
│ Web / App / 小程序 / API Gateway │
├─────────────────────────────────────────────────────┤
│ 📱 应用层 │
│ 订单服务 │ 用户服务 │ 商品服务 │ 支付服务 │
├─────────────────────────────────────────────────────┤
│ ⚙️ 服务层 │
│ REST API │ 消息队列 │ 缓存服务 │ 任务调度 │
├─────────────────────────────────────────────────────┤
│ 💾 数据层 │
│ MySQL │ Redis │ MongoDB │ ES索引 │
├─────────────────────────────────────────────────────┤
│ 🖥️ 基础设施层 │
│ K8s │ Docker │ CDN │ OSS │
└─────────────────────────────────────────────────────┘
```
---
## 🎨 专业配色方案
| 配色主题 | 说明 |
|---------|------|
| **政务蓝灰系** | 适合政府、事业单位场景，稳重专业 |
| **科技蓝白系** | 适合互联网、科技公司，现代简洁 |
| **商务深灰系** | 适合金融、咨询机构，高端大气 |
| **清新绿白系** | 适合医疗、教育机构，温和友好 |
**节点配色规范**：
- 开始节点：`#82b366` 绿色实心圆
- 结束节点：`#d9574a` 红色圆环
- 活动节点：`#dae8fc` 蓝底圆角矩形
- 判断节点：`#fff2cc` 黄底菱形
- 子流程：`#f8cecc` 红边双线矩形
---
## 🚀 一句话出图体验
### 输入示例
```
"画一个电商订单处理流程图，用户、订单、库存、支付4个系统"
```
```
"做个政务服务事项办理泳道图，包含申请人和4个审批部门"
```
```
"生成一个微服务架构图，包含用户、订单、支付三个核心服务"
```
### 输出
- **Draw.io XML** `.drawio` 文件，可直接在 [diagrams.net](https://app.diagrams.net) 打开编辑
- **ProcessOn**（可选配置 API Key），生成精美云端图表
---
## 📦 输出格式
### Draw.io XML（默认）
```xml
<?xml version="1.0" encoding="UTF-8"?>
<mxGraphModel>
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<!-- 泳道和节点定义 -->
</root>
</mxGraphModel>
```
💡 保存为 `.drawio` 文件，拖入 [diagrams.net](https://app.diagrams.net) 即可编辑
---
## 🔧 技_meta.json
{
"ownerId": "kn76r33add4n26dk3xkpwn975s861v1z",
"slug": "swimlane-arch-skill",
"version": "1.1.6",
"publishedAt": 1777998554112
}skill-card.md
## Description: Swimlane Arch turns natural-language requests into editable Draw.io XML for horizontal or vertical swimlane diagrams and layered architecture diagrams. This skill is ready for commercial/non-commercial use. ## Publisher: [leslietong2046-ship-it](https://clawhub.ai/user/leslietong2046-ship-it) ### License/Terms of Use: MIT-0 ## Use Case: Developers, architects, process analysts, and business teams use this skill to draft business process swimlanes, government approval flows, cross-department workflows, and system architecture diagrams from brief natural-language descriptions. ### Deployment Geography for Use: Global ## Known Risks and Mitigations: Risk: Diagram content may leave the local environment when PROCESSON_API_KEY is configured. Mitigation: Use the default local Draw.io output for confidential diagrams, unset PROCESSON_API_KEY unless cloud export is intentional, and verify the external endpoint before sending sensitive content. ## Reference(s): - [ClawHub Skill Page](https://clawhub.ai/leslietong2046-ship-it/skills/swimlane-arch-skill) - [diagrams.net](https://app.diagrams.net) - [ProcessOn API endpoint](https://open.pingcode.com/v1/graph) - [Architecture diagram template](artifact/references/arch-template.xml) - [Horizontal swimlane template](artifact/references/swimlane-template.xml) - [Vertical swimlane template](artifact/references/swimlane-vertical-template.xml) ## Skill Output: **Output Type(s):** [text, code, configuration, guidance] **Output Format:** [Draw.io XML (.drawio) with concise completion text and an optional ProcessOn link when cloud export is configured] **Output Parameters:** [1D] **Other Properties Related to Output:** [Defaults to local editable Draw.io XML; when PROCESSON_API_KEY is set, diagram content may be sent to an external ProcessOn-compatible endpoint.] ## Skill Version(s): 1.1.6 (source: server release) ## Ethical Considerations: Users should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
Github ReposUpdated 21h agoRank 70
AionUi
Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!
MCPOPENCLAW
Github ReposUpdated 6mo agoRank 70
activepieces
AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents
OPENCLAW
Github ReposUpdated 6mo agoRank 70
cherry-studio
AI productivity studio with smart chat, autonomous agents, and 300+ assistants.
MCPOPENCLAW
Github ReposUpdated 7mo agoRank 70
CopilotKit
The Frontend for Agents & Generative UI. React + Angular
OPENCLAW
Machine-readable data
The same record, as JSON, for agents and crawlers.
{
"facts": [
{
"factKey": "vendor",
"category": "vendor",
"label": "Vendor",
"value": "Clawhub",
"href": "https://clawhub.ai/leslietong2046-ship-it/skills/swimlane-arch-skill",
"sourceUrl": "https://clawhub.ai/leslietong2046-ship-it/skills/swimlane-arch-skill",
"sourceType": "profile",
"confidence": "medium",
"observedAt": "2026-10-10T14:34:35.341Z",
"isPublic": true
},
{
"factKey": "protocols",
"category": "compatibility",
"label": "Protocol compatibility",
"value": "OpenClaw",
"href": "https://www.xpersona.co/api/v1/agents/clawhub-leslietong2046-ship-it-swimlane-arch-skill/contract",
"sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-leslietong2046-ship-it-swimlane-arch-skill/contract",
"sourceType": "contract",
"confidence": "medium",
"observedAt": "2026-10-10T14:34:35.341Z",
"isPublic": true
},
{
"factKey": "traction",
"category": "adoption",
"label": "Adoption signal",
"value": "1.4K downloads",
"href": "https://clawhub.ai/leslietong2046-ship-it/swimlane-arch-skill",
"sourceUrl": "https://clawhub.ai/leslietong2046-ship-it/swimlane-arch-skill",
"sourceType": "profile",
"confidence": "medium",
"observedAt": "2026-10-10T14:34:35.341Z",
"isPublic": true
},
{
"factKey": "latest_release",
"category": "release",
"label": "Latest release",
"value": "1.1.6",
"href": "https://clawhub.ai/leslietong2046-ship-it/swimlane-arch-skill",
"sourceUrl": "https://clawhub.ai/leslietong2046-ship-it/swimlane-arch-skill",
"sourceType": "release",
"confidence": "medium",
"observedAt": "2026-05-05T16:29:14.112Z",
"isPublic": true
},
{
"factKey": "handshake_status",
"category": "security",
"label": "Handshake status",
"value": "UNKNOWN",
"href": "https://www.xpersona.co/api/v1/agents/clawhub-leslietong2046-ship-it-swimlane-arch-skill/trust",
"sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-leslietong2046-ship-it-swimlane-arch-skill/trust",
"sourceType": "trust",
"confidence": "medium",
"observedAt": null,
"isPublic": true
}
],
"events": [
{
"eventType": "release",
"title": "Release 1.1.6",
"description": "Added 30s quick-start guide",
"href": "https://clawhub.ai/leslietong2046-ship-it/swimlane-arch-skill",
"sourceUrl": "https://clawhub.ai/leslietong2046-ship-it/swimlane-arch-skill",
"sourceType": "release",
"confidence": "medium",
"observedAt": "2026-05-05T16:29:14.112Z",
"isPublic": true
}
]
}Record generated Oct 10, 2026.