Install
openclaw skills install @thcjp/diagram-gen-tool-freeopenclaw skills install @thcjp/diagram-gen-tool-free功能说明: 本技能涵盖 中文交互、化工作流场景 等核心能力。
图表生成工具免费版是一款轻量级的图表制作方案,聚焦 Mermaid 格式的流程图与序列图生成。通过自然语言描述即可生成结构化的图表代码,直接嵌入 Markdown 文档使用,无需安装额外软件。
本版本特别适合技术文档编写、代码仓库文档补充和个人项目架构草图制作。所有输出均为标准 Mermaid 语法,与 GitHub、GitLab 等平台原生兼容。
| 能力 | 说明 |
|---|---|
| 自然语言转图表 | 用中文或英文描述需求,自动生成图表代码 |
| 流程图生成 | 支持决策分支、循环、并行流程 |
| 序列图生成 | 支持参与者、消息、激活期、注释 |
| Markdown 内嵌 | 输出可直接粘贴到 Markdown 文档 |
| 文件编辑 | 可读取并修改已有的 .mmd 文件 |
流程图 (Flowchart):
- 线性流程
- 决策分支 (if/else)
- 循环结构
- 并行流程
序列图 (Sequence):
- 参与者定义
- 同步/异步消息
- 激活期
- 注释与分组
输出: 返回免费版支持的图表类型的执行结果,包含操作状态和输出数据。
input_params参数,支持创建/查询/导出操作用input_params参数进行配置。
输出: 返回核心功能执行的执行结果,包含操作状态和输出数据。
input_params参数,支持创建/查询/导出操作用config_options参数进行配置。
输出: 返回参数配置与调用的执行结果,包含操作状态和输出数据。
config_options参数,支持修改/重置/导入操作
能力覆盖范围:本skill的核心能力覆盖以下场景关键词:轻量级图表生成工、Mermaid、格式流程图与序列、图的快速创建与编、图表生成工具免费、面向个人开发者的、轻量级图表制作方、核心能力、格式图表生成与编、流程图与序列图两、种核心图表类型、自然语言描述转图、表结构、内嵌输出、适合文档集成等。这些关键词对应description中声明的使用场景,均已在上述能力点中提供对应的操作支持。为 API 文档添加请求处理流程图。
输入描述:
用户发起请求 → 鉴权检查 → 通过则查询数据库 → 返回结果;失败则返回 401
生成结果:
使用方式:
# 保存为 .mmd 文件
cat > request-flow.mmd << 'EOF'
flowchart TD
A[用户发起请求] --> B{鉴权检查}
B -->|通过| C[查询数据库]
B -->|失败| D[返回 401]
C --> E[返回结果]
D --> F[结束]
E --> F
EOF
# 或直接嵌入 Markdown 文档
echo "将上述 mermaid 代码块粘贴到 .md 文件中即可"
绘制服务间的调用序列。
读取并修改现有的 Mermaid 文件。
# 读取已有图表
cat architecture.mmd
# 修改后保存(新增一个节点)
cat > architecture-updated.mmd << 'EOF'
flowchart LR
A[前端] --> B[API网关]
B --> C[用户服务]
B --> D[商品服务]
B --> E[订单服务]
E --> F[(消息队列)]
F --> G[通知服务]
EOF
用自然语言告诉工具你想要什么图表:
请生成一个流程图:
- 起点:用户注册
- 步骤:填写信息 → 邮箱验证 → 手机验证
- 分支:验证成功 → 创建账户;验证失败 → 提示重试
- 终点:注册完成
工具会输出标准 Mermaid 代码:
# 方式1:保存为独立文件
echo 'flowchart TD\n A[开始] --> B[结束]' > diagram.mmd
# 方式2:嵌入 Markdown
# 将 mermaid 代码包裹在 ```mermaid ``` 代码块中
# 方式3:导出为图片(需要 mermaid-cli)
npx @mermaid-js/mermaid-cli -i diagram.mmd -o diagram.png
result = "ready"
flowchart 方向说明:
TD / TB → 从上到下(默认)
LR → 从左到右
RL → 从右到左
BT → 从下到上
result = "ready"
result = "ready"
免费版优选实践检查:
[ ] 单图节点数 ≤ 15
[ ] 决策分支已标注条件
[ ] 方向选择符合阅读习惯
[ ] 节点命名清晰(ID + 显示名)
[ ] 已嵌入 Markdown 文档测试渲染
A: 免费版仅支持 Mermaid 格式。Draw.io(.drawio)和 Excalidraw(.excalidraw)需要升级至专业版。
A: 使用 mermaid-cli 工具:npx @mermaid-js/mermaid-cli -i input.mmd -o output.png。GitHub 和多数 Markdown 编辑器原生支持 Mermaid 渲染。
A: 免费版支持基础的架构流程图,但复杂的网络拓扑图(含机房、区域层级)需要专业版。
A: 访问 mermaid 官方文档 mermaid.js.org 获取完整语法参考。
A: 建议拆分为多张子图,或使用 subgraph 分组。单图节点超过 15 个时考虑重构。
| 依赖项 | 类型 | 是否必需 | 获取方式 |
|---|---|---|---|
| LLM API | API | 必需 | 由Agent内置LLM提供 |
| Mermaid.js | 渲染库 | 可选 | CDN自动加载或编辑器内置 |
| mermaid-cli | 工具 | 可选 | npm install -g @mermaid-js/mermaid-cli |
| 错误场景 | 原因 | 处理方式 |
|---|---|---|
| 配置错误 | 参数缺失或格式错误 | 检查依赖说明中的配置要求 |
| 运行时错误 | 运行环境不满足 | 确认运行环境符合依赖说明 |
| 网络错误 | 连接超时或不可达 | 执行ping命令测试网络连通性,检查防火墙和代理设置连接后执行ping命令测试网络连通性,检查防火墙和代理设置连接后重新执行命令,参考国内替代方案 |
| 风险类型 | 防范措施 |
|---|---|
| API密钥泄露 | 通过环境变量配置,禁止硬编码到代码或配置文件中 |
| 命令执行风险 | 仅执行白名单命令,避免拼接用户输入到命令行参数中 |
| 网络通信安全 | 使用HTTPS协议,验证SSL证书有效性 |
| 敏感数据暴露 | 输出结果中不包含密钥、令牌等敏感信息 |
使用前请确认已阅读依赖说明章节,确保运行环境满足安全要求。