← 返回 Skills 市场
zsdadad

Diagram Tools 图表工具技能

作者 Zsdadad · GitHub ↗ · v1.0.2 · MIT-0
cross-platform ✓ 安全检测通过
805
总下载
1
收藏
3
当前安装
3
版本数
在 OpenClaw 中安装
/install diagram-tools
功能描述
图表工具技能 - 支持 Mermaid、Graphviz、流程图、思维导图等多种图表生成
使用说明 (SKILL.md)

Diagram Tools 图表工具技能

强大的图表生成工具集,支持多种图表格式和渲染引擎。

适用场景

  • 📊 流程图设计
  • 🧠 思维导图
  • 📈 数据可视化
  • 🔄 架构图
  • 📑 UML 图
  • 📅 时间线图

核心功能

1. Mermaid 图表

使用 Mermaid 语法生成各类图表:

  • Flowchart 流程图
  • Sequence 时序图
  • Class 类图
  • State 状态图
  • ER 数据库图
  • Gantt 甘特图
  • Pie 饼图
  • Mindmap 思维导图
  • Timeline 时间线

2. Graphviz 图表

使用 DOT 语言生成:

  • 有向图/无向图
  • 层级图
  • 树形图

3. 数据图表

  • 柱状图
  • 折线图
  • 饼图

Mermaid 语法示例

流程图

graph TD
    A[开始] --> B{判断}
    B -->|是| C[处理1]
    B -->|否| D[处理2]
    C --> E[结束]
    D --> E

思维导图

mindmap
  root((主题))
    分支1
      子主题A
      子主题B
    分支2
      子主题C

时序图

sequenceDiagram
    A->>B: 消息1
    B->>A: 响应

Graphviz 示例

from graphviz import Digraph
dot = Digraph()
dot.node('A', '节点A')
dot.node('B', '节点B')
dot.edge('A', 'B')
dot.render('output', format='png')

支持的图表类型

类型 Mermaid 语法
流程图 graph TD / graph LR
时序图 sequenceDiagram
类图 classDiagram
状态图 stateDiagram-v2
ER图 erDiagram
甘特图 gantt
饼图 pie
思维导图 mindmap
时间线 timeline
四象限 quadrantChart

主题配置

自定义颜色主题:

{
  "theme": "base",
  "themeVariables": {
    "primaryColor": "#1976d2",
    "lineColor": "#666666",
    "secondaryColor": "#4caf50"
  }
}

使用技巧

  • 使用 graph LR 表示从左到右
  • 使用 graph TD 表示从上到下
  • 保持节点标签简短
  • 使用子图分组相关组件
  • 高清输出使用 -s 2-s 3

相关技能

  • mermaid - Mermaid 图表
  • markdown-tools - Markdown 处理
  • meeting-notes - Word 文档

更新日志

  • v1.0.0 - 初始版本,整合 Mermaid 和 Graphviz
安全使用建议
This skill is documentation-only and appears coherent for diagram generation. Before installing/using it, check whether your agent environment provides the necessary renderers (Mermaid JS renderer or Graphviz binary/Python package) because the SKILL.md assumes those exist; be aware that executing examples may create image files in the agent's workspace. No credentials are requested and there are no install scripts, so there is no obvious secret-exfiltration or unexpected network behavior in the skill content. If you want the agent to automatically render diagrams, confirm the platform's runtime permissions (ability to run code, call external renderers, or write files) and where output files will be stored or exposed.
功能分析
Type: OpenClaw Skill Name: diagram-tools Version: 1.0.2 The skill bundle consists of documentation and syntax examples for generating diagrams using Mermaid and Graphviz. It contains no executable scripts, network calls, or instructions that could lead to data exfiltration or unauthorized access, aligning entirely with its stated purpose as a productivity tool.
能力评估
Purpose & Capability
The name/description match the SKILL.md content: examples and usage focus on Mermaid, Graphviz, flowcharts and related diagrams. There are no unrelated environment variables, binaries, or config paths requested.
Instruction Scope
SKILL.md is documentation and examples only (Mermaid snippets, a Python graphviz example). It does not instruct the agent to read sensitive files or exfiltrate data. Note: the Graphviz example writes and renders an output file (dot.render('output', format='png')), so producing image files in the agent workspace is expected if the agent executes similar code; rendering may require the graphviz binary or Python package to be present.
Install Mechanism
There is no install spec and no code files — lowest-risk, nothing will be written to disk by an installer. Any runtimes or libraries (Mermaid renderer, graphviz) would need to be provided by the host environment.
Credentials
The skill declares no required environment variables, credentials, or config paths. The content does not reference hidden credentials or unrelated services.
Persistence & Privilege
always is false and the skill is user-invocable. It does not request persistent presence or modify other skills/configurations. The only persistence implied is writing output image files when rendering diagrams.
如何使用
  1. 确保已安装 OpenClaw(本地或 Docker 部署)
  2. 在对话框中输入安装命令:/install diagram-tools
  3. 安装完成后,直接呼叫该 Skill 的名称或使用 /diagram-tools 触发
  4. 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v1.0.2
整合 Mermaid 和 Graphviz 功能
v1.0.1
- Major update: SKILL.md rewritten for clarity and comprehensiveness. - Expanded feature descriptions, including supported diagram types and syntax examples. - Improved usage instructions and added practical examples for Mermaid and Graphviz. - Updated tags, description, versioning, and added a homepage link. - Included a changelog section and highlighted related skills.
v1.0.0
Version 1.1.0 summary: Added extensive Mermaid and Graphviz support with usage guides. - Now supports generating various diagrams with Mermaid CLI and Graphviz. - Added documentation for creating flowcharts, sequence diagrams, mindmaps, and more. - Included sample Mermaid and Graphviz code snippets for easy adoption. - Listed all supported chart types and example syntax for each. - Provided configuration tips, such as custom theme setup and high-resolution output instructions.
元数据
Slug diagram-tools
版本 1.0.2
许可证 MIT-0
累计安装 3
当前安装数 3
历史版本数 3
常见问题

Diagram Tools 图表工具技能 是什么?

图表工具技能 - 支持 Mermaid、Graphviz、流程图、思维导图等多种图表生成. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 805 次。

如何安装 Diagram Tools 图表工具技能?

在 OpenClaw 或 Claude Code 对话框中运行命令「/install diagram-tools」即可一键安装,无需额外配置。

Diagram Tools 图表工具技能 是免费的吗?

是的,Diagram Tools 图表工具技能 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。

Diagram Tools 图表工具技能 支持哪些平台?

Diagram Tools 图表工具技能 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。

谁开发了 Diagram Tools 图表工具技能?

由 Zsdadad(@zsdadad)开发并维护,当前版本 v1.0.2。

💬 留言讨论