GitHub 仓库 · 发布者 Tomas Varga

做了一个 Claude Code 模组，因为我厌倦了让 Claude 把我的图表重做成

Name: 做了一个 Claude Code 模组，因为我厌倦了让 Claude 把我的图表重做成
Author: Tomas Varga

做了一个 Claude Code 模组，因为我厌倦了让 Claude 把我的图表重做成 ASCII。现在每个图表都会固定在提示词上方。可以展开它、全屏查看、用 Mermaid 渲染查看，或者在浏览器中打开。https://t.co/CsxGUvCMkV

Tomas Varga@tomasvarga_dev

Made a Claude Code mod because I was tired of asking Claude to redo my charts as ASCII. Now every diagram gets pinned above the prompt. Expand it, go full screen, see it rendered with Mermaid, or open it in the browser. https://t.co/CsxGUvCMkV

已翻译

关于这个 mod

做了一个 Claude Code 模组，因为我厌倦了让 Claude 把我的图表重做成 ASCII。

现在每个图表都会固定在提示词上方。可以展开它、全屏查看、用 Mermaid 渲染查看，或者在浏览器中打开。https://t.co/CsxGUvCMkV

安装

请先查看作者 README 确认 marketplace 和插件名称；命令可能随仓库结构改变。

claude plugin marketplace add tomasvarga/claude-code-diagrams
claude plugin install diagrams@claude-code-diagrams

原文 / README

Made a Claude Code mod because I was tired of asking Claude to redo my charts as ASCII.

Now every diagram gets pinned above the prompt. Expand it, go full screen, see it rendered with Mermaid, or open it in the browser. https://t.co/CsxGUvCMkV

作品信息

作者: Tomas Varga
用途: 工作流与 CI
收录于: 2026年10月11日
来源更新: 2026年10月11日
星数: 1
权限足迹: L3
次浏览: 0
来源互动：: 2 赞 · 142 浏览

diagrammermaidterminaltuivisualization

回报这个作品这是你的作品？认领

赞助

在此刊登，$10/周起

权限足迹 L3

权限足迹

数据来自自动扫描，安装前请自行查看源码。等级描述能力，不代表安全认证。

工具拦截
环境变量
写文件
执行命令
读文件
联网

查看命中位置（19）

工具拦截 · 第165 行hooks/register.tsxon('tool.call', { tool: 'mcp__diagrams__show_diagram' }, async ($, e) => {

环境变量 · 第453 行hooks/register.tsxconst folder = ((await $.env.get('TMPDIR')) ?? '/tmp').replace(/\/$/, '')

写文件 · 第455 行hooks/register.tsxawait $.fs.write(`${name}.mmd`, mermaid)

执行命令 · 第459 行hooks/register.tsxconst isDone = await $.process.run(argv, { timeoutMs: RENDER_TIMEOUT_MS }).then(

读文件 · 第465 行hooks/register.tsxconst { base64 } = await $.fs.read(`${name}.png`, { as: 'bytes' })

执行命令 · 第520 行hooks/register.tsx

const run = (argv: string[]) => $.process.run(argv).then(r => (r.exitCode === 0 ? r.stdout : undefined), () => undefined)

环境变量 · 第521 行hooks/register.tsxconst herdrPane = await $.env.get('HERDR_PANE_ID')

环境变量 · 第524 行hooks/register.tsxconst herdr = (await $.env.get('HERDR_BIN_PATH')) || 'herdr'

环境变量 · 第535 行hooks/register.tsxconst tmuxPane = await $.env.get('TMUX_PANE')

执行命令 · 第552 行hooks/register.tsxconst run = (argv: string[]) => $.process.run(argv).catch(() => undefined)

环境变量 · 第555 行hooks/register.tsxconst herdrPane = await $.env.get('HERDR_PANE_ID')

环境变量 · 第556 行hooks/register.tsxconst herdr = (await $.env.get('HERDR_BIN_PATH')) || 'herdr'

环境变量 · 第562 行hooks/register.tsxconst tmuxPane = await $.env.get('TMUX_PANE')

环境变量 · 第583 行hooks/register.tsxconst folder = ((await $.env.get('TMPDIR')) ?? '/tmp').replace(/\/$/, '')

读文件 · 第588 行hooks/register.tsx? await $.fs.read(diagram.picture.path, { as: 'bytes' }).then(read => read.base64, () => undefined)

写文件 · 第590 行hooks/register.tsxawait $.fs.write(path, page(diagram, picture))

执行命令 · 第594 行hooks/register.tsxconst opened = await $.process.run([opener, path]).then(

联网 · 第792 行hooks/register.tsxconst blob = await (await fetch(img.src)).blob()

执行命令 · 第839 行hooks/register.tsxif (await $.process.run(argv).then(run => run.exitCode === 0, () => false)) {

做了一个 Claude Code 模组，因为我厌倦了让 Claude 把我的图表重做成

关于这个 mod

安装

更多类似作品

ruflo-loop-workers

universal-modder：用 Claude Code 为单机游戏做 Mod

reflect-mod