claude-devtools

何をするか

Claude Codeの欠けていたDevTools — ブラウザインスペクターのように、すべてのツールコール、サブエージェント、トークンを検査します。Claude Codeが裏で何をしているかを正確に示すリアルタイム監視ダッシュボード。

セットアップ方法

• インストール: npm install -g claude-devtools
• Claude Codeと一緒に実行: claude-devtools
• ブラウザでlocalhost:3333にダッシュボードを開く
• Claude Codeを使用開始 — すべてのアクティビティがリアルタイムで表示されます

主な機能

• リアルタイムツールコール検査
• 会話ごとのトークン使用量追跡
• サブエージェントのアクティビティ監視
• パフォーマンスプロファイリング
• 会話ログのエクスポート