Name: mermaid-inline
Author: vrnrn

mermaid-inline

# Inline Mermaid Claude Code 内で完全な Mermaid ブロックを画像として描画します。最新の図には Copy code、Save PNG、Hide 操作が表示されます。 ![Claude Code 内に描画された Mermaid アーキテクチャ図](../../assets/mods/mermaid-inline.png) ## インストール ```bash claude plugin marketplace add vrnrn/agent-harness claude plugin install mermaid-inline@vrnrn ```

vrnrn@vrnrn

vrnrn/agent-harness/tree/main/mods/mermaid-inline

翻訳済み

この mod について

mermaid のコードブロックをインライン画像として描画し、プロンプト上部の帯にコピーと保存の操作を表示します。

インストール

まず作者の README で marketplace とプラグイン名を確認してください。コマンドはリポジトリの構成によって変わる場合があります。

claude plugin marketplace add vrnrn/agent-harness claude plugin install mermaid-inline

Install

claude plugin marketplace add vrnrn/agent-harness claude plugin install mermaid-inline@vrnrn

Requires the Claude Code mods API, an image-capable terminal, and the Mermaid CLI (mmdc). Rendering failures fall back to the original code block.

See the mod guide for compatibility, local loading, validation, and tests.

権限の足跡

自動スキャンの結果です。インストール前にソースを確認してください。レベルは機能を示すもので、安全認証ではありません。

ファイル書き込み

コマンド実行

ファイル読み取り

環境変数

検出箇所を見る（7）

ファイル書き込み・行70 行mods/mermaid-inline/hooks/register.tsxawait $.fs.write(input, source)

コマンド実行・行72 行mods/mermaid-inline/hooks/register.tsxconst run = await $.process.run(

ファイル読み取り・行81 行mods/mermaid-inline/hooks/register.tsxconst { base64 } = await $.fs.read(output, { as: 'bytes' })

環境変数・行129 行mods/mermaid-inline/hooks/register.tsxconst home = await $.env.get('HOME')

ファイル書き込み・行133 行mods/mermaid-inline/hooks/register.tsxawait $.fs.write(input, source)

コマンド実行・行135 行mods/mermaid-inline/hooks/register.tsxconst run = await $.process.run(

コマンド実行・行147 行mods/mermaid-inline/hooks/register.tsxawait $.process.run(['open', output], { timeoutMs: 10_000 })

mermaid-inline

この mod について

インストール

Inline Mermaid

Install

関連作品

fm

ink-figure

claude-pokemon