Greasy Fork

Greasy Fork is available in English.

claude-mermaid-viewer

在 Claude 聊天界面中渲染和查看 Mermaid 图表的工具

当前为 2025-05-14 提交的版本，查看 最新版本。

作者
sansan0
评分
0 0 0
版本
1.5
创建于
2025-05-14
更新于
2025-05-14
大小
28.0 KB
许可证
GPL-3.0 License
适用于

如果你不小心偶遇 bug，可以提 issues 让我瞧瞧， 如果项目凑活的帮到你了，麻烦点个 star ⭐ 给到我点更新的动力呗~

https://github.com/sansan0/useful-userscripts

claude-mermaid-viewer

一个用于 Claude 的用户脚本,提供便捷的 Mermaid 图表查看和交互功能。让 Mermaid 图表展示更加直观、美观。

主要功能

  • [x] 一键查看 Mermaid 图表
    • 点击代码块左上角的按钮打开查看器
    • 支持缩放、平移等交互操作
  • [x] 丰富的图表交互功能
    • [x] 缩放控制
    • 支持放大/缩小图表
    • 一键重置图表大小
    • [x] 平移操作
    • 拖拽移动图表位置
    • 自由调整查看角度
    • [x] 导出功能
    • 支持导出 PNG 格式
    • 保持图表清晰度

安装和使用

  1. 安装 Tampermonkey 浏览器扩展
  2. 安装该脚本到 Tampermonkey
  3. 访问 Claude 聊天页面即可使用
  4. 使用方式:
    • 当 Claude 输出包含 Mermaid 图表时,点击代码块左上角的按钮
    • 在弹出的查看器中可以:
      • 使用缩放按钮调整图表大小
      • 拖拽移动图表位置
      • 点击下载按钮导出 PNG 图片

使用注意

  • 仅支持 Claude 中的 Mermaid 图表查看
  • 导出的 PNG 图片会保存到本地下载目录
  • 支持所有 Mermaid 支持的图表类型
  • 图表渲染依赖 Mermaid.js 库,首次使用可能需要加载