ascii-drawio:在终端生成专业架构图

前言

在做系统设计或技术方案时,最常见的问题之一就是:用户只说一句“帮我画个架构图”,却不知道该用什么工具、在哪打开,甚至不知道如何导出为可编辑的格式。很多时候,我们只能手动在 Visio、draw.io 或其他工具里画一个粗糙的草图,既费时又难以维护。

ascii-drawio 是一个可以在命令行直接生成专业技术架构图的 Skill,它将自然语言描述的图表需求转换为 draw.io XML 格式,并在当前工作目录保存为 .drawio 文件。对于需要快速输出可编辑架构图、或者习惯在终端完成所有设计工作的开发者来说,这是一个能直接落地的工具。

这是什么

ascii-drawio 是一个由社区维护的 Skill,用于将技术架构图、流程图、拓扑图等可视化需求转换为 draw.io 可编辑文件。它基于通用 SKILL.md 格式,运行在支持该格式的客户端(如 Cursor、Claude Code 等)中。

核心功能

  • 输出为 draw.io XML 格式:生成的文件可直接用 draw.io 打开并继续编辑。
  • 支持多种图表类型:
  • 技术架构图
  • 流程图
  • 泳道图
  • 鱼骨图
  • 实体关系图(ER 图)
  • 序列图
  • 拓扑地图
  • 思维导图
  • 其他系统/架构可视化需求
  • 保存到当前工作目录:文件以 .drawio 为扩展名。

安装与启用

Skill 由社区贡献,无官方安装包。在支持通用 SKILL.md 格式的客户端中,通常通过以下方式启用:

  1. 从官方地址获取 SKILL.md 文件:
curl -O https://api.skillhub.cn/user_66d13c7c/ascii-drawio
  1. 将 SKILL.md 放入客户端的 skills 目录(路径视客户端而定,例如 Cursor 为 ~/.cursor/skills 或 ~/.cursor/extensions)。

  2. 重启客户端或重新加载技能列表,使其生效。

注意:此 Skill 不需要 API Key,标签为 requires_api_key=false。

典型用法

在支持该 Skill 的对话界面中,直接用自然语言描述图表需求即可。例如:

  • “画一个电商系统的技术架构图,包含网关、微服务、数据库和缓存层”
  • “帮我画一个用户登录流程的泳道图”
  • “生成一个微服务拓扑地图”

Skill 会根据描述生成对应的 draw.io XML 文件,并保存到当前工作目录。

适用场景与注意

适合以下场景:
- 需要快速输出可编辑架构图的设计阶段
- 习惯在终端/对话中完成设计工作的开发者
- 需要将图表导出为 draw.io 格式以便后续编辑的场景

注意:
- 仅在用户明确要求绘制图表时触发,不要在只涉及文本编辑的需求上使用。
- 生成的文件依赖 draw.io 进行查看和编辑,确保本地或云端有可用的 draw.io 环境。

短结尾

ascii-drawio 让你无需离开命令行就能生成可编辑的架构图,适合需要快速输出专业图表的开发者。官方地址:https://api.skillhub.cn/user_66d13c7c/ascii-drawio

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

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

Xiaoye