graphmod 架构图渲染
把回复里的 Graphviz DOT 画成真正的 PNG/SVG,并可打开交互图。
> 给订单列表加上分页
⏺ 我先看看列表组件。
```dot → 渲染中…
┌─────────┐ ┌─────────┐
│ API 层 │──▶│ 数据层 │
└─────────┘ └─────────┘
Open interactive diagram
❯
示意。实际效果取决于 Mod、终端和运行环境。
安装
/plugin marketplace add ybonda/graphmod
/plugin install graphmod@graphmod
/reload-plugins在 Claude Code 会话里逐行执行这些命令。
claude plugin marketplace add ybonda/graphmod
claude plugin install graphmod@graphmod然后在会话里执行 /reload-plugins,或开一个新会话。
请帮我安装 Claude Code Mod「graphmod 架构图渲染」(https://github.com/ybonda/graphmod)。安装前先阅读仓库 README 的 Security 和 Requirements 部分,告诉我它会读写哪些内容、运行什么命令、是否联网,以及对 Claude Code 版本、系统和终端的要求。确认没有问题后,运行 claude plugin marketplace add ybonda/graphmod 和 claude plugin install graphmod@graphmod 完成安装,最后提醒我在会话里执行 /reload-plugins。把这段话发给 Claude Code,它会先读原作者说明再安装。
git clone https://github.com/ybonda/graphmod
cd graphmod
claude --plugin-dir .克隆仓库后用 --plugin-dir 在本地会话中试用。
它会碰什么
据原作者说明,收录时核对;可用 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。
- 无图形协议的终端可能只看到源码或降级显示。