Back to list
Claude Code の実際の動作をプロジェクト全体で把握するための VS Code エクステンションを構築しました
I built a VS Code extension to see what Claude Code is actually doing across all my projects
Translated: 2026/3/15 18:01:04
Japanese Translation
複数リポジトリで Claude Code を活用にしている方なら、おそらくこの感覚はご存知でしょう。
複数のプロジェクトを同時に Claude 起動し、ある時「いったいこの週は何くらい費やしたのか」「どのプロジェクトが最もトークン(費用)を消費しているのか」「昨日のセッションはどのようなものでしたか」と疑問に思うようになります。
私はこの課題に直面し続け、それ用の小規模なツールを構築しました。
このツールは「Claude Code Dashboard」と命名され、Claude Code があなたのプロジェクトで実行してきたすべての情報を一元表示します。
主な機能:
🗂️ サイドバーでプロジェクト全体の視覚化
📝 各プロジェクトごとのセッション履歴(最初のプロンプトをプレビューとして表示)
💰 各セッション・プロジェクトごとのトークン数と費用の詳細分析
📁 クローンコードが触ったファイルと使用したツールの確認
⚡ クローンコード セッションのアクティブ実行状態の検出
素晴らしい点: セットアップが不要。
API キー、アカウント、外部サービスなどは一切不要。
Claude Code が既にローカルに保存するセッションデータを読むのみです。
多くの Claude Code を使用し始めると、直視性が急速に失われるため、このツールの構築を主に行いました。
入手方法:
プロモーションページ:https://claude-code-dashboard-jspw.vercel.app
VS Code マーケットプレイス:https://marketplace.visualstudio.com/items?itemName=jspw.claude-code-dashboard
Open VSX(Cursor / Windsurf):https://open-vsx.org/extension/jspw/claude-code-dashboard
ソースコード:https://github.com/jspw/Claude-Code-Dashboard
本ソフトウェアは AGPL-3.0 ライセンスの下で無料でオープンソースです。
重度の Claude Code ユーザーにとって、このダッシュボードが実際に有用かどうか、あるいは他にどの情報を表示したいか、興味があります。
Original Content
If you use Claude Code heavily across multiple repos, you probably know this feeling.
You have Claude running in several projects at the same time and at some point you start wondering:
How much did I spend this week?
Which project burned the most tokens?
What was that session from yesterday even about?
I kept hitting this problem, so I built a small tool for it.
It's a VS Code extension called Claude Code Dashboard that shows everything Claude Code has been doing across your projects in one place.
Main features:
🗂️ See all Claude Code projects in one sidebar
📝 Session history per project (shows the first prompt as preview)
💰 Token and cost breakdown per session and per project
📁 See which files Claude touched and which tools it used
⚡ Detects when a Claude session is actively running
The nice part: there’s no setup.
No API keys, no accounts, nothing external.
It just reads the session data Claude Code already stores locally.
I mainly built it because once you start using Claude Code a lot, you lose visibility pretty quickly.
Available here:
Promo Homepage: https://claude-code-dashboard-jspw.vercel.app
VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=jspw.claude-code-dashboard
Open VSX (Cursor / Windsurf) -> https://open-vsx.org/extension/jspw/claude-code-dashboard
Source Code -> https://github.com/jspw/Claude-Code-Dashboard
It's free and open source (AGPL-3.0).
If you're a heavy Claude Code user, I'm curious if this would actually be useful for you or if there are other things you'd want to see in a dashboard like this.