Claude Code ペイン Mod：ダッシュボードとサイドパネル

Claude Code ペイン Mod は、会話の隣にパネルを開き、Claude の作業中もその内容を更新し続けます。典型的な用途は、未コミットの変更のリアルタイム差分、テスト結果のダッシュボード、ログの末尾表示、セッション全体のトークン使用量のグラフなどです。ステータスラインとは違い、ペインには表やリスト、ボタンを置く余裕があります。

Claude Code ペイン Mod はどのように動くのですか？#

Mod は $.ui.open(...) でペインを開き、Pane レンダーサイトに対する ui.render を処理して描画します。その中では、Box、Text、Markdown、Code、Button、Input、Select といった要素を $.ui.resolve(e) から取り出してビューを組み立てます。ボタンを押したり入力欄に文字を入力したりすると、Mod は ui.press、ui.input、ui.select を受け取ります。ui.close はペインが閉じる直前に発火し、$.ui.panes() で開いているペインを一覧できます。

ほとんどのペインは、Mod が $.command.register で追加したスラッシュコマンドから開かれます。データは $.state に保持されるので、データが変わるとビューが自動的に再描画されます。Claude Code 自身の /diff コマンドも、この方法で作られた組み込み Mod です。すべての要素はインターフェースのドキュメントで説明されています。

インストール前に何を確認すべきですか？#

ペイン Mod にはほぼ必ず UI を変更が、多くの場合 コマンド・ツールを追加も表示されます。重要なのはデータの取得元です。差分ペインには git のための コマンドを実行が必要です。ログやメトリクスのダッシュボードには ファイルを読み取るや ネットワークが必要な場合があります。ペインが Client 要素をレンダリングする場合、ペイン内で Web コンテンツが実行されるので、ソースを読んで何を読み込むのかを確認してください。

対応環境も確認しましょう。ペインはターミナルとデスクトップの Code タブで動作しますが、claude -p、VS Code 拡張機能のチャットパネル、Agent SDK では描画されません。これらの環境では Mod はフックだけを実行します。

ペインが適さないのはどんなときですか？#

数値が 1 つ必要なだけなら、ステータスラインやプロンプト上のバンドのほうが画面を占有しません。何かが終わったときに知らせてほしいなら、トーストのほうが向いています。ペインが場所を取る価値があるのは、それがなければ Claude Code の横に 2 つ目のターミナルを開いておくような場面です。たとえば git diff を何度も実行し直したり、テストランナーを見張ったりするときです。