D

Draw.io自動生成器

內容創作v1.0.0
作者:user_509b3ac1更新於 2026-10-01drawio-generator-pro@user_509b3ac1/drawio-generator-pro
文章寫作

據 AlphaMoat 統計,截至 2026-09,Draw.io自動生成器 累計下載 4,164 次、獲 10 個星標,在全部 5,078 個 AI 技能中排名第 2,414 位,在「內容創作」分類(362 個)中排名第 168 位。

累計安裝
215
累計下載
4164
星標
10
全站排名
#2,414
全站前 48% · 「內容創作」前 47%
平台累計安裝累計下載星標評論
SkillHub ↗215416410—

各平台的計數口徑不同,統計時間不一致。

這個技能是做什麼的

該技能先把需求整理為節點和連線結構,待使用者確認後再生成圖表檔案。生成結果可能需要在 draw.io 中手動調整;簡介不承諾佈局完美。

資料釋出於 2026-10-27

可以用來做什麼

  • 把業務流程整理成可編輯圖表
  • 從文件提取流程並生成圖表結構

什麼時候用

  • 需要將文字流程轉為 draw.io 圖表時
  • 需要把文件中的步驟整理成圖表時

示例提示詞

以下是根據技能文件生成的示例,不代表實際執行結果。

把這個流程描述整理成 draw.io 圖表
先提取文件中的節點和連線供我確認

月度資料趨勢

累計下載4164
0223844762026-03 · 累計下載 2592026-05 · 累計下載 8482026-06 · 累計下載 12982026-07 · 累計下載 21242026-08 · 累計下載 28452026-09 · 累計下載 416426-0326-09
星標10
05112026-03 · 星標 -2026-05 · 星標 12026-06 · 星標 52026-07 · 星標 82026-08 · 星標 102026-09 · 星標 1026-0326-09

2026-09 起統計方法調整:同名技能按作者分別統計,並覆蓋全部技能。圖中虛線為調整前的月份,與之後的資料不直接比較,也不計算跨越調整的增長。

月份累計下載環比星標
2026-094164—10
2026-082845+33.9%10
2026-072124+63.6%8
2026-061298+53.1%5
2026-05848—1
2026-03259—-

SKILL.md 原文

以下是作者釋出的原始檔案,按純文字顯示,本站未做修改或稽核;其中的連結不可點選,命令請核實後再執行。抓取於 2026-10-23。

2.8 KB · SkillHub v1.0.0
---
name: drawio-generator
description: 将自然语言流程描述或文档转换为 draw.io 可编辑 XML 图表(.drawio 文件)。使用场景:(1) 用户描述业务流程需要生成流程图,(2) 用户上传文档需要提取流程并生成图表,(3) 用户要求画架构图/时序图/网络拓扑图。生成后必须告知用户:用 draw.io 网页版(app.diagrams.net)或桌面版打开 .drawio 文件进行查看和手动微调。
---

# drawio-generator

## 执行流程

1. 接收用户描述(文字或文件)
展開全部(共 85 行)
2. 生成结构化 JSON(nodes + edges)→ 展示给用户确认
3. 用户确认后调用 `scripts/gen.py` 生成 `.drawio` 文件
4. 交付文件,告知用户打开方式

> ⚠️ **重要**:生成结果非完美,线条重叠、节点间距不理想等情况可能发生。正常流程:生成 `.drawio` → 用 draw.io 打开 → 手动微调 → 保存。

## 调用方式

```bash
python3 skills/drawio-generator/scripts/gen.py "图表标题" '{"title":"...","nodes":[...],"edges":[...]}' [类型]
```

输出路径:`/Users/owen/Desktop/drawio-generator/{图表标题}.drawio`

## JSON 结构

```json
{
  "title": "流程名称",
  "type": "flowchart",
  "nodes": [
    {"id": "0", "type": "start", "label": "开始"},
    {"id": "1", "type": "process", "label": "处理步骤"},
    {"id": "2", "type": "decision", "label": "判断条件?"},
    {"id": "3", "type": "end", "label": "结束"}
  ],
  "edges": [
    {"source": "0", "target": "1"},
    {"source": "1", "target": "2"},
    {"source": "2", "target": "3", "label": "是"},
    {"source": "2", "target": "1", "label": "否"}
  ]
}
```

### type 值

| 值 | 说明 |
|----|------|
| `start` | 椭圆,开始节点 |
| `end` | 椭圆,结束节点 |
| `process` | 圆角矩形,处理步骤 |
| `decision` | 菱形,判断节点 |
| `document` | 文档形状 |
| `data` | 平行四边形,数据存储 |

### edges.label 值

| 值 | 说明 |
|----|------|
| `是` / `Y` | 条件为真 |
| `否` / `N` | 条件为假 |
| 空字符串 | 普通顺序流 |

## 文件说明

| 文件 | 说明 |
|------|------|
| `scripts/gen.py` | **标准生成脚本**(必须使用,禁止直接调用 generator.py) |
| `scripts/__main__.py` | 完整管道(含 LLM 分析模式) |
| `scripts/generator.py` | 底层 XML 生成器(gen.py 内部调用) |
| `references/drawio-xml-spec.md` | draw.io XML 格式规范(详细样式/属性说明) |

## 布局参数

generator.py 内置参数(可在 gen.py 中修改):

| 参数 | 默认值 | 说明 |
|------|--------|------|
| `CANVAS_WIDTH` | 850 | 画布宽度 |
| `_LAYER_GAP_Y` | 120 | 层间垂直间距 |
| `MAIN_X` | 425 | 主轴 X 坐标 |

如需压缩布局(A4 大小),调用 `generate_drawio_xml()` 前修改这些全局变量。

「內容創作」分類下的熱門技能

資料月份:2026-09 · 下載/星標/安裝數聚合自公開技能註冊庫(ClawHub、SkillHub),按月更新。口徑說明見資料方法。