AI Tools

Claude CodeのCLIをビジュアル化するOSSツール「claude-devtools」が公開3日で3,700DL、HackerNews 3位を記録

Claude CodeのCLI動作を可視化するローカルデスクトップアプリ「claude-devtools」がGitHubで公開。トークン消費の内訳表示、エージェントツリーの可視化、カスタムトリガー通知などを提供。公開から数日でHN 3位・700+スター・3,700DLを達成。

投稿者: AI Tools Aggregator編集部
Claude Code Developer Tools OSS Token Optimization Debugging

Claude CodeのCLIをビジュアル化するOSSツール「claude-devtools」が公開3日で3,700DL、HackerNews 3位を記録

Reddit「r/ClaudeAI」に投稿された「Claude Code’s CLI feels like a black box. I built a local UI to un-dumb it, and it unexpectedly blew up last week.」というスレッドが51件のコメントを集めている。

Claude CodeのCLI動作を可視化するローカルデスクトップアプリ「claude-devtools」が公開後、Hacker Newsで3位を記録し、GitHub上で700以上のスター、3,700以上のダウンロードを達成したと開発者が報告している。

開発の背景: 「ブラックボックス」への不満

開発者は、Claude Codeの公式CLIが多くの重要情報をユーザーに見せないことへの不満から本ツールを開発したと述べている。

開発者が挙げた具体的な問題点:

  • 正しいファイルを編集したかどうかが分からない(.envや決済関連ファイルに触れていないか)
  • 依存関係をハルシネーションしていないか
  • なぜ特定の処理に5,000トークンかかったのか

既存の対処法の限界として、他のGUIラッパーは自身のUI経由のコマンドログしか表示できず、既存のターミナルセッションの履歴は読めないこと、--verboseモードは大量のテキストを出力するが遡及デバッグには不向きで、Teamsや並列サブエージェント使用時はログが混在して判読困難になることが挙げられている。

主な機能

Context Forensics(コンテキスト内訳表示)

CLIのプログレスバーに代わり、ターンごとのコンテキスト使用量を内訳表示する。「ファイルコンテンツ」「ツール出力」「Thinking」「CLAUDE.md」の各カテゴリごとにトークン消費量を確認でき、単一の大きなファイルやMCP出力がコンテキストを圧迫しているケースを即座に特定できる。

Agent Trees(エージェントツリー可視化)

Claudeがサブエージェントを生成したり、並列Teamsを実行した場合、CLIのログは混在して読みづらくなる。このツールは実行ツリーを整理して視覚的に表示し、並列セッションの事後レビューを容易にする。

カスタムトリガーと通知

CLIを常時監視する必要をなくすため、以下のようなカスタムトリガーを設定できる:

  • .envファイルへのアクセス試行を検出した場合
  • 単一のファイル読み取りが4,000トークンを超えた場合

条件に合致した場合、OSシステム通知が発火し、事後にアプリを開いて遡及デバッグできる。

インラインDiff表示

「2ファイルを編集しました」という通知ではなく、実際に何が追加・削除されたかを赤/緑で表示する。

ツールの特性

  • 100%ローカル動作
  • 無料・MITライセンス
  • ラッパーではない: コマンドのインターセプトやプロンプトの注入は行わない。~/.claude/のセッションログを読み取り、実行トレースを再構築して可視化するのみ。ネイティブターミナルワークフローはそのまま維持される

開発者が発見したトークン最適化のポイント

開発者はツールを使用して自身のワークフローを分析した結果、以下の非効率を発見したと述べている:

1. 重いMCPと大きなファイルによるコンテキスト圧迫

typescript-lsp-mcpなどのツールが単一の呼び出しで10,000トークン以上を返すことがある。これが発生するとClaudeは「ダム」になり、セッションの残りの間パフォーマンスが低下する。コードベースをより小さなファイルに分割し、想定外の大きなファイルを.claudeignoreに追加することで改善できる。

2. 「雑な」ファイル参照の隠れたコスト

ファイルを@メンションで明示しないと、ClaudeはGrepやReadツールを使って該当コンテキストを探し回り、大量のトークンを消費する。ファイルを直接指定することで、ツール呼び出しなしにコンテキストに読み込まれ、タスク完了率が向上する。

3. 「自動」スキル選択の非効率

エージェントに適切なカスタムスキルを動的に見つけさせると、成功率にムラが出る。最初から明示的に使用するスキルを指定する方が、トークン効率が大幅に向上する。

4. 階層型CLAUDE.mdアーキテクチャ

単一の巨大なCLAUDE.mdはすべてのターンでコンテキストを圧迫する。ディレクトリ固有の指示を持つ階層型システムを構築することで、コンテキストをローカルに抑制できる。

参考リンク


本記事の情報は2026年2月20日時点のものです。最新情報はGitHubリポジトリをご確認ください。

この記事をシェア

関連記事

AI Tools

10年のエンジニアが「90%をClaude Code + Codexで構築」したOSSライティングアプリ「Errata」を公開。フラグメントシステムによるLLMコンテキスト制御が特徴

経験10年のソフトウェアエンジニアが開発したLLM支援ライティングアプリ「Errata」がGitHubで公開された。開発の約90%にClaude CodeとCodexを使用。ブロックベースのコンテキストエディタとLibrarianエージェントを特徴とするOSSプロジェクト。

続きを読む →
AI Tools

GoogleのAIコーディングアシスタント「Gemini Code Assist」の全容。個人向け無料プランは1日6,000回のコード補完、内部コードネームは「Antigravity」

Googleが提供するAIコーディングアシスタント「Gemini Code Assist」の機能、エディション構成、料金体系、および内部コードネーム「Antigravity」の技術的詳細を解説する。VS Code・JetBrains対応、Gemini 2.5搭載、1Mトークンコンテキストウィンドウを備え、個人向けは無料で利用可能。

続きを読む →
tool

868のスキルをnpx 1コマンドで——「Antigravity Awesome Skills」が主要AIコーディングエージェントの共通スキル基盤になりつつある

Claude Code・Gemini CLI・Codex CLI・Cursor・GitHub Copilotなど主要AIコーディングアシスタントを横断する868以上のスキルライブラリ「Antigravity Awesome Skills」(v5.4.0)を詳細分析。Anthropic・Vercel・OpenAI・Supabase・Microsoftの公式スキルを統合した設計思想、ロール別バンドル・ワークフロー機能、SKILL.mdによる相互運用性のアーキテクチャを解説する。

続きを読む →

人気記事

Comparison

ChatGPT(OpenAI)とClaude(Anthropic)の機能比較 2026年版。コーディング・長文解析・コスト・API料金の違いを検証

ChatGPT(GPT-4o/o3)とClaude(Sonnet 4.6/Opus 4.5)を2026年時点の最新情報で比較する。コーディング能力、長文処理、日本語品質、API料金、無料プランの違いをSWE-benchなどのベンチマーク結果とともに解説する。

続きを読む →
opinion

【2026年2月20日 所感】「AIがコードを書く」は仮説から現実になった——しかし私たちはその意味をまだ消化できていない

2026年2月20日に観測したコーディングエージェント関連ニュースの総括と所感。Anthropicの自律性研究、cmux、MJ Rathbunのエージェント事故、HN「外骨格 vs チーム」論争、Stripe Minions週1000件PR、Taalas 17k tokens/sec——朝から夜までの流れを通じて見えてきた「AIがコードを書く時代」の実相を考察する。

続きを読む →
tool

868のスキルをnpx 1コマンドで——「Antigravity Awesome Skills」が主要AIコーディングエージェントの共通スキル基盤になりつつある

Claude Code・Gemini CLI・Codex CLI・Cursor・GitHub Copilotなど主要AIコーディングアシスタントを横断する868以上のスキルライブラリ「Antigravity Awesome Skills」(v5.4.0)を詳細分析。Anthropic・Vercel・OpenAI・Supabase・Microsoftの公式スキルを統合した設計思想、ロール別バンドル・ワークフロー機能、SKILL.mdによる相互運用性のアーキテクチャを解説する。

続きを読む →

他のAIツールも探す

生産性、創造性、イノベーションのための60以上のAIツールの厳選ディレクトリをご覧ください。

0 tools selected