claude-hudの使い方:Claude Codeの開発進捗をリアルタイムで可視化するツール

Uncategorized

Claude Codeで作業してるとき、「今どのファイルを触ってるんだろ」「トークンどれだけ使ったっけ」って気になったことない?

ターミナルにプロンプト投げたあと、何が起きてるのかブラックボックスになりがちなのがClaude Codeの地味なストレスポイントだと思う。そのあたりを解決してくれるのが claude-hud というOSSツール。Claude Codeの作業状況をリアルタイムでダッシュボード表示してくれる。

実際に使ってみたら思ったより情報量が多くて、コスト管理にも使えることがわかった。この記事では導入手順から実際の使い方まで紹介する。


claude-hudって何するツール?

一言で言うと、Claude Codeのセッション情報をターミナル上にオーバーレイ表示するHUD(ヘッドアップディスプレイ)ツール

Claude Codeが裏で何をしているか、以下をリアルタイムで確認できる:

  • トークン使用量(input / output 別)
  • APIコスト(ドル換算でリアルタイム更新)
  • 現在実行中のツール(Read / Edit / Bash など)
  • 対象ファイルパス
  • Todoリストの進捗(何個完了・何個残り)
  • セッション経過時間

Claude Code単体だとこの情報は見えない。「なんかタスク投げたけど何やってんの?」ってなる状態から解放されるのが一番のメリット。

副業でSaaSや自動化ツールを作ってるエンジニアなら、APIコストをリアルタイムで把握できるのが地味に助かる。月末に請求見てびっくりするのを防げる。


インストール:npxで1行、30秒で完了

Node.js環境があれば追加インストールなしで動く。

コメント

タイトルとURLをコピーしました