GitHub リポジトリ · 投稿者 Tomas Varga

Claude にチャートをやり直させるのにうんざりしたので、Claude Code の MOD を作った。

Name: Claude にチャートをやり直させるのにうんざりしたので、Claude Code の MOD を作った。
Author: Tomas Varga

Claude にチャートを ASCII でやり直させるのにうんざりしたので、Claude Code の MOD を作った。今ではすべての図がプロンプトの上に固定される。展開したり、全画面表示にしたり、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 にチャートを ASCII でやり直させるのにうんざりしたので、Claude Code の MOD を作った。

今ではすべての図がプロンプトの上に固定される。展開したり、全画面表示にしたり、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 にチャートをやり直させるのにうんざりしたので、Claude Code の MOD を作った。

この mod について

インストール

関連作品

ruflo-loop-workers

universal-modder：Claude Code でシングルプレイゲームの Mod を作る

reflect-mod