please-drawio-turn:在 Agent 里用 draw.io 生成可编辑图表

前言

在文档、评审或方案里补一张架构图、流程图,常见做法是手开 draw.io 或 Mermaid 写一版,再和 AI 来回改文案。图在对话里以代码块或截图出现时,后续改版往往要重新排版,也不方便直接交给同事在 draw.io 里改。

下面介绍 SkillHub 上的 please-drawio-turn(坐标 @user_800d68d6/drawiodo,当前版本 2.6.1)。它在用户提出「画图」类需求时介入,产出 .drawio 文件并配合 draw.io 打开,并带有思考、确认、迭代与版本回溯相关的工作流说明,以及 8 个 Hook Point 安全校验(以 Skill 自带说明为准)。

这是什么

please-drawio-turn 是面向 design-media 分类的社区 Skill,发布者为 user_800d68d6,来源标注为 community。SkillHub 页面标明 requires_api_key=false,即不依赖额外 API Key 配置项。

一句话定位:当对话里出现画图、生成图表、架构图、流程图、UML、ER 图、时序图、思维导图等意图时触发,由 Agent 按 Skill 指引生成 draw.io 可编辑文件,而不是只输出一张静态图或一段无法直接打开的伪代码。

核心功能

以下能力均来自 SkillHub 官方简介与页面描述,未单独核实的细节不展开。

  1. 触发范围:画图、图表、架构图、流程图、UML、ER 图、时序图、思维导图等自然语言需求。
  2. 交付物:生成 .drawio 文件,并用 draw.io 打开(本机需已安装或可访问 draw.io 桌面版 / 配套打开方式,具体以 Skill 内步骤为准)。
  3. 工作流:支持 思考 → 确认 → 迭代 → 版本回溯 的完整流程,适合先对齐结构再改细节。
  4. 安全校验:内置 8 个 Hook Point 安全校验,在 Skill 执行链路上做约束(具体校验项以 Skill 文档为准)。

SkillHub 统计(以页面抓取为准):评分 100000,下载 1709 次。

安装与启用

安装方式遵循 SkillHub 通用说明:skillhub.cn/install/skillhub.md。官方页面给出的安装提示为:根据该文档安装 @user_800d68d6/drawiodo。

1、安装 SkillHub CLI(若尚未安装)

先检查是否已有 CLI:

command -v skillhub && skillhub --version

未安装时可执行完整安装(CLI + 默认 Skill):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

仅安装 CLI 时:

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only

说明:若环境网络受限,需在允许访问外网的终端中执行上述命令。

2、安装 please-drawio-turn 到当前 Agent 的 skills 目录

SkillHub 要求安装时必须用 --dir 指向当前 Agent 识别的 skills 目录,否则默认落在 ./skills/ 可能不会被加载。

skillhub install user_800d68d6/drawiodo --dir <你的 skills 目录>

常见客户端路径(来自 SkillHub 安装文档):

  • Cursor:~/.cursor/skills/
  • Claude Code:~/.claude/skills/
  • Codex:~/.codex/skills/ 或项目下的 .agents/skills/

在 Cursor 中示例:

skillhub install user_800d68d6/drawiodo --dir ~/.cursor/skills/

安装后按你所用客户端的要求刷新或重启 Agent,使 Skill 被加载。本 Skill 无需配置 API Key(requires_api_key=false)。

典型用法

官方页面未附带独立「示例项目」仓库;可复现的用法即:在已启用该 Skill 的对话里,用自然语言描述图类型与内容,由 Agent 按 SKILL 流程生成文件并打开。

可参考的提示方向(与官方触发描述一致):

  1. 「画一张微服务架构图,包含网关、三个业务服务和 Redis。」
  2. 「用流程图描述用户注册:校验 → 写库 → 发邮件。」
  3. 「画 ER 图:用户、订单、商品三表及外键关系。」
  4. 「时序图:客户端、API、数据库在一次查询中的交互。」

经过上面的步骤,Agent 应走 思考与确认 后再落盘 .drawio;若结果不符预期,在同一对话中要求迭代,并依赖 Skill 提供的 版本回溯 能力回到较早版本(具体命令或话术以 Skill 内说明为准)。

适用场景与注意

适合谁:需要在方案、设计评审、技术文档里频繁出图,且希望交付物是 draw.io 原生格式、方便人工微调的团队或个人。

限制与注意:

  • 依赖本机 draw.io 或 Skill 指定的打开方式;纯 Web Agent 环境若无法写本地文件或调起应用,体验会受限。
  • 图为 Agent 生成,复杂版式、企业视觉规范仍需人工在 draw.io 中调整。
  • 安全相关行为以 8 个 Hook Point 为准,若企业有合规要求,安装前建议在 SkillHub 页面阅读完整 Skill 说明。
  • 版本以 SkillHub 为准,撰写时页面版本为 2.6.1;升级可用 skillhub 的更新能力并仍指定正确的 --dir。

结尾

please-drawio-turn 把「对话里要一张图」收敛为 可编辑的 .drawio 交付,并强调确认、迭代与回溯,适合不想在 Mermaid 与手绘之间反复切换的场景。

官方入口:

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜