Claude Codeでサブエージェントを使っていると、「今どのエージェントが動いているのか」「並列で何個走っているのか」がターミナルのログだけではわかりにくい、と感じたことはありませんか？特にExploreやgeneral-purposeを複数同時に走らせていると、どのタスクがどこまで進んでいるのか把握しきれず、結局ターミナルをスクロールして確認する羽目になった……という経験は多くの開発者が持っているはずです。この記事では、Claude Codeのサブエージェントの動きをリアルタイムに可視化できる便利なツールを5つ紹介します。読み終える頃には、自分の開発スタイルに合ったモニタリング環境が見つかっているはずです。
この記事でわかること
- Claude Codeのサブエージェントを可視化する代表的なツール5つがわかる
- ダッシュボード系・TUI系・メニューバー系など、ツールごとの違いが理解できる
- 自分の環境や好みに合わせてどのツールを選べばいいか判断できるようになる
- 導入時に気をつけたいポイントを理解できる
結論：目的に合わせてダッシュボード系・TUI系・メニューバー系を選び分けるのが正解です
結論から言うと、Claude Codeのサブエージェント可視化ツールは「ブラウザでじっくり分析したいか」「ターミナル上で軽く確認したいか」「作業中はメニューバーに置いておきたいか」で選ぶべきツールが変わります。どれか1つが正解というわけではなく、自分の作業スタイルに合わせて組み合わせるのがおすすめです。
結論の深掘り
なぜツールによって向き不向きがあるのかというと、Claude Codeのサブエージェントの動きは「Hooks」というイベント通知の仕組みを通じて外部から観測できる設計になっているからです。この仕組みを使って、あるツールはSQLiteやDuckDBにイベントを蓄積してWebダッシュボードとして可視化し、あるツールはターミナル上でリアルタイムに描画し、あるツールはOSのメニューバーに常駐させて表示します。つまり「どこまで詳しく見たいか」と「どこに表示させたいか」の掛け算で、最適なツールは変わってくるわけです。私はこの記事を書くにあたって複数のツールを調べてみましたが、可視化の粒度も操作感もかなり違っていて、単に「便利そう」で選ぶと自分のワークフローに合わないことがあると感じました。
エンジニアなら読むべき本を30冊以上紹介しています。
正直、私の仕事のやり方をガラッと変えた神本やSQLのチューニングに悩んだ時にめちゃくちゃ役に立ったもあります👇
→記事を読む
Claude Codeのサブエージェントを可視化できる便利ツール5選
ここからは、実際にClaude Codeのサブエージェントを可視化できるツールを5つ紹介します。
1. Claude Code Agent Monitor（hoangsonww）
Node.js・Express・React・SQLite・WebSocketで構築されたリアルタイムモニタリングダッシュボードです。◎な点は、単なるログ表示に留まらず、D3.jsによるエージェント連携のDAG（有向グラフ）やツール実行のSankeyダイアグラムなど、可視化の粒度が非常に高いことです。
| 項目 | 内容 |
|---|---|
| 動作環境 | Web UI／macOS・Windowsのネイティブアプリ |
| 特徴 | サブエージェントの階層をKanban風に表示、エラー伝播マップも搭載 |
| 向いている人 | チームでの利用状況を細かく分析したい人 |
2. claude-view（tombelieber）
npx claude-view を叩くだけで起動する、複数セッションを横断で見られるダッシュボードです。VS Code風のタブでセッションを並べて開けたり、コンテキストウィンドウの使用率をリアルタイムに表示したりできるのが◎ポイント。サブエージェントの可視性だけでなく、コスト管理やセッション検索まで一気通貫でカバーしています。
| 項目 | 内容 |
|---|---|
| 動作環境 | ローカルWeb UI（npxで即起動） |
| 特徴 | 開発者向けの詳細トレース表示、Rustバックエンドで高速 |
| 向いている人 | 複数セッションを並行して管理したい人・コストも一緒に見たい人 |
3. subagent-viewer（nyanko3141592）
ブラウザを開かず、ターミナルの中でサブエージェントの状態を確認したい人向けのTUIツールです。300msごとに自動更新され、カード形式でプロジェクトごとの状況が一覧できます。❌な点を挙げるなら表示がシンプルすぎて詳細な分析には向かないところですが、その分軽くてサッと確認できるのが魅力です。
| 項目 | 内容 |
|---|---|
| 動作環境 | ターミナル（TUI） |
| 特徴 | Claude Codeに加えOpenCodeも監視可能、絵文字でエージェント種別を表示 |
| 向いている人 | ブラウザを開かず素早く状況確認したい人 |
4. claude-watch（sooink）
macOSのメニューバーに常駐して、動いているサブエージェントやタスクの進捗を一目で確認できるアプリです。「Claudeがまだ動いているのか、もう終わったのか」がわからずターミナルを何度も確認してしまう、という悩みにぴったりの◎ツールだと思います。ただしmacOS専用で、かつ現時点では未署名アプリのため初回起動時に少し手間がかかります。
未署名アプリのため、初回起動時にmacOSのセキュリティ設定で許可が必要になる場合があります。ビルド手順（Xcodeのライセンス同意など）も事前に確認しておくと安心です。
| 項目 | 内容 |
|---|---|
| 動作環境 | macOSメニューバー |
| 特徴 | 複数プロジェクトを同時監視、タスクのチェックリスト表示 |
| 向いている人 | 作業中は常時軽く監視だけしておきたい人 |
5. claude-code-hooks-multi-agent-observability（disler）
Bunサーバー＋SQLite＋WebSocket＋Vueクライアントという構成で、エージェントごとの動きを「スイムレーン」形式で並べて表示できるツールです。タスクの作成・更新・エージェント間のメッセージ送受信まで追跡できるのが特徴で、複数のサブエージェントが並列で走る「マルチエージェント編成」を本格的に観測したい人に◎です。
| 項目 | 内容 |
|---|---|
| 動作環境 | ローカルWeb UI |
| 特徴 | エージェント単位のスイムレーン表示、危険なコマンドをブロックするフック付き |
| 向いている人 | 複数エージェントの連携やタスクの受け渡しまで細かく追いたい人 |
ツール選びをさらに深掘りする
ここまで5つのツールを紹介しましたが、実際にどれを選ぶべきかは「見たい情報の深さ」と「表示場所」で決まると私は感じました。もう少し掘り下げて整理してみます。
| 目的 | おすすめツール |
|---|---|
| チーム全体の利用状況を分析したい | Claude Code Agent Monitor |
| 複数セッションをまとめて管理・コストも見たい | claude-view |
| ターミナルでサッと確認したい | subagent-viewer |
| 作業中は常時ちら見したい（macOS） | claude-watch |
| マルチエージェントの連携を細かく追いたい | claude-code-hooks-multi-agent-observability |
もう一点意識したいのが、これらのツールはいずれもClaude CodeのHooks機能（PreToolUse／PostToolUse／SubagentStopなど）を利用してイベントを収集している、という共通点です。つまりHooksの仕組みを理解しておくと、既存のツールをカスタマイズしたり、自分好みの表示に手を加えたりすることも比較的簡単にできます。私はこの仕組みを知ってから、既存ツールをそのまま使うだけでなく「ここだけ自分用に変えたい」という発想が持てるようになったと感じています。
また、ローカルで動くツールが多いとはいえ、SQLiteやDuckDBにセッションデータを蓄積する仕組みが多いため、機密性の高いコードを扱っている場合はデータの保存先やテレメトリの有無を一度確認しておくと安心です。
まとめ
- ✅ Claude Codeのサブエージェント可視化ツールは、ダッシュボード系・TUI系・メニューバー系に大きく分けられる
- ✅ チーム分析ならClaude Code Agent Monitor、複数セッション管理ならclaude-view
- ✅ ターミナル派はsubagent-viewer、macOSでちら見したいならclaude-watch
- ◎ マルチエージェント連携を細かく追うならclaude-code-hooks-multi-agent-observabilityが強力
- ✅ いずれもHooks機能を活用しているため、カスタマイズの余地もある
エンジニアなら読むべき本を30冊以上紹介しています。
正直、私の仕事のやり方をガラッと変えた神本やSQLのチューニングに悩んだ時にめちゃくちゃ役に立ったもあります👇
→記事を読む