Excalidraw流程图生成

技能简介

该技能将文本描述转换为 Excalidraw 格式的流程图文件，支持 DSL、DOT/Graphviz 和 JSON 三种输入格式，输出可在 Excalidraw 中打开编辑的手绘风格图表。

能做什么

• 根据文字描述生成线性流程、分支判断、循环结构等常见流程图
• 创建架构图、决策树、工作流可视化
• 支持矩形、菱形、椭圆、数据库等多种节点类型
• 通过 DOT/Graphviz 语法复用现有图表定义

使用说明

安装指令

npm install -g @swiftlysingh/excalidraw-cli

或使用 npx 免安装：

npx @swiftlysingh/excalidraw-cli create --inline "DSL" -o output.excalidraw

使用步骤

1. 分析需求：确定主要步骤、判断节点、流向和分支
2. 编写 DSL：使用 [步骤] 表示矩形，{判断?} 表示菱形，(起止) 表示椭圆，-> 表示连接
3. 执行生成：运行 CLI 命令创建 .excalidraw 文件
4. 告知用户：说明文件路径及在 Excalidraw 中打开的方式

常用 DSL 语法示例

@direction LR
(开始) -> [接收请求] -> {已认证?}
{已认证?} -> "是" -> [处理请求] -> (成功)
{已认证?} -> "否" -> [返回401] -> (结束)

输入与输出

见下方输入与输出表格。

风险提示

• 需确保 Node.js 环境可用，CLI 工具依赖 npm/npx
• 复杂嵌套结构建议分步验证 DSL 语法
• 图片路径装饰功能需要本地文件系统访问权限
• DOT 格式转换可能存在部分图形特性不兼容

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/swiftlysingh/excalidraw-flowchart/SKILL.md
来源类型：GitHub 开源技能仓库