渲染出现在 · 对话内收录

graphmod 架构图渲染

把回复里的 Graphviz DOT 画成真正的 PNG/SVG,并可打开交互图。

graphmod 架构图渲染 · 效果预览 · 示意示意
> 给订单列表加上分页
⏺ 我先看看列表组件。
```dot → 渲染中…
┌─────────┐ ┌─────────┐
│ API 层 │──▶│ 数据层 │
└─────────┘ └─────────┘
Open interactive diagram
❯

示意。实际效果取决于 Mod、终端和运行环境。

安装

/plugin marketplace add ybonda/graphmod
/plugin install graphmod@graphmod
/reload-plugins

在 Claude Code 会话里逐行执行这些命令。

它会碰什么

据原作者说明,收录时核对;可用 claude plugin validate 自行检查。

读取

有

读取回复中的 DOT 源码,以及缓存目录中的中间文件。

写入文件

有

仅在 ~/.cache/graphmod/ 写入渲染缓存与交互页。

运行命令

有

运行 mkdir、gvpr(自带 style.g)和 dot。

联网

无

介绍

graphmod 是 Claude Code 的 function hooks Mod:向系统提示追加「用 ```dot 画图」的说明;回复里出现闭合的 DOT 块时,用 gvpr 上色再用 dot 渲成图。支持 kitty 图形协议的终端显示 PNG,并附交互 HTML 链接;桌面端显示 SVG。只在 ~/.cache/graphmod/ 写缓存,不联网;会去掉 DOT 里可能读本地文件的属性。作者在 Claude Code 2.1.289 上构建与测试(作版本记录,非作者写明的硬性最低版)。需要本机安装 Graphviz(dot/gvpr)。下方预览为示意。

适合谁

  • 让 Claude 画架构图、希望终端里看到真图而不是 ASCII 的人

运行要求

  • Claude Code ≥ 2.1.289
  • 作者写的是在 2.1.289 上构建与测试,未写死更低版本的硬性下限。
  • 需要本机 Graphviz:brew install graphviz。
  • 无图形协议的终端可能只看到源码或降级显示。