この mod について

mermaid

Claude の応答にある ```mermaid コードブロックを、ターミナル transcript 内で Unicode ボックス図として描画する function-hook プラグイン。/show-me などのスキルが出力する mermaid コードが対象。

インストール

/plugin marketplace add WhiteKr/whitekr-claude-plugins
/plugin install mermaid@whitekr-claude-plugins

開発中は claude --plugin-dir <このフォルダ> でロードする。

動作

• ui.render の AssistantMessage をフックし、閉じた ```mermaid フェンスを beautiful-mermaid ASCII レンダラーの描画結果に置き換える。保存されたメッセージ (ctrl+o) は変わらず、画面のみが変わる。
• 原文を保持する場合: パース失敗、ダイアグラム幅がターミナル幅を超える、フェンスがまだ閉じていない (ストリーミング中)。
• ラベル内のリテラル \n はスペースに置き換える (レンダラーが改行として描画するとボックスが崩れる)。
• 対応ダイアグラムは beautiful-mermaid ASCII レンダラーが対応する範囲 (flowchart、sequence、class、ER、state など) に従う。

オプション

/config の plugin 項目、または settings の pluginConfigs.mermaid.options:

• useAscii (boolean、デフォルト false): ボックス文字の代わりに純粋な ASCII (+-|>) で描画する。ターミナルやフォントが ─│▶ のような ambiguous-width 文字を 2 セルで描画し行がずれるときにオンにする。

開発

hooks/hooks.js は src/hooks.js + beautiful-mermaid ASCII パスを esbuild でバンドルした成果物であり、コミット対象 (marketplace インストールはビルドなしでそのまま使う)。

npm i
npm test   # build + test/hooks.test.mjs