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