AlphaMoatによると、2026-09時点でDraw.io自动生成器のダウンロード数は4,164、スター数は10で、AIスキル全体5,078件中2,414位、コンテンツ制作では362件中168位です。

インストール数

215

ダウンロード数

4164

スター数

総合順位

#2,414

全体の上位 48% · コンテンツ制作の上位 47%

プラットフォーム	インストール数	ダウンロード数	スター数	コメント
SkillHub ↗	215	4164	10	—

プラットフォームごとに集計方法と集計時点が異なります。

このスキルでできること

依頼をノードとエッジに整理し、ユーザー確認後に図ファイルを生成する。結果はdraw.ioで手動調整が必要な場合があり、完璧なレイアウトを保証するものではない。

資料公開日 2026-10-27

できること

業務フローを編集可能な図にする
文書からプロセスを抽出して図の構造にする

使う場面

文章の手順をdraw.io図に変換するとき
文書内の手順を図に整理するとき

プロンプト例

スキルのドキュメントをもとに生成した例であり、実際の実行結果ではありません。

この手順説明をdraw.io図にして

文書からノードとエッジを抽出し、確認用に提示して

月次の推移

ダウンロード数4164

スター数10

2026-09 から集計方法を変更し、同名スキルを作者ごとに分けて集計し、全スキルを対象にしました。破線は変更前の月で、変更後のデータとは直接比較せず、変更をまたぐ増減も計算していません。

月	ダウンロード数	前月比	スター数
2026-09	4164	—	10
2026-08	2845	+33.9%	10
2026-07	2124	+63.6%	8
2026-06	1298	+53.1%	5
2026-05	848	—	1
2026-03	259	—	-

SKILL.md 原文

作者が公開した元のファイルをテキストのまま表示しています。AlphaMoat による編集や審査はしていません。リンクはクリックできません。コマンドは内容を確認してから実行してください。取得日 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()` 前修改这些全局变量。