ローカルツールがClaudeコードセッションデータを可視化
開発者が、ローカルマシンに保存されたClaude Codeの使用データを視覚化するツールを作成しました。このツールは~/.claude/からセッションデータを読み取り、単一のHTMLファイル内でインタラクティブな視覚化を生成します。
ツールの機能
この視覚化は、R2D3スタイルのプレゼンテーションに似たD3.jsチャートを使用したスクロリーテリングアプローチを採用しています。表示される内容は以下の通りです：
- 日々のアクティビティタイムライン
- プロジェクトの内訳
- ツール使用統計
- コーディングリズムのヒートマップ
Claude Codeで/insightsコマンドを実行したことがある場合、このツールはそれらのセッションから得られた目標、成果、および課題点も視覚化します。
技術的な詳細
実装は最小限です：
- 依存関係なし
- Pythonスクリプトと単一のHTMLファイルのみ
- npmやビルドステップは不要
- すべての処理はローカルマシン上で行われます
開発者によると、このツールは完全にClaude Codeを使用して構築されました。ソースコードはGitHubのgithub.com/aybidi/claude-code-visualizerで公開されています。
📖 Read the full source: r/ClaudeAI
👀 See Also
ClawCode: OpenClawエージェントをClaude Codeプラグインとして移行
ClawCodeは、Claude Code用のNode.jsプラグインで、~/.openclaw/workspace/からIDENTITY、SOUL、メモリ、スキル、cronジョブなどのOpenClawエージェントをインポートします。SQLite+FTS5による検索可能なメモリ、WhatsApp、Telegram、Discord、iMessage、Slack用のメッセージングプラグイン、メモリ統合のための夜間「ドリーム」プロセスを提供します。
Xiaozhen：根本原因を三層まで掘り下げるClaude Codeスキル
小真（Xiaozhen）は、直接的なアドバイスを与えるのではなく、ユーザーが実際に何に悩んでいるのかを明らかにするために、3つのメカニズム——「The Gift」「Three Layers Deep」「The Prediction」——を使用するClaude Codeスキルです。1行のcurlコマンドでインストールされ、Claude Codeで「/小真」と入力することで起動します。
MatchKit: Claudeコードプロジェクト向けデザインシステムジェネレーター
MatchKitは、Claude Codeで構築されたプロジェクト向けに完全なブランドデザインシステムを生成するツールです。アップロードされたロゴからブランドカラーを抽出し、カスタマイズ可能なコンポーネント、レイアウト、デザイントークンを生成することで、AIコーディングツールでよく見られる画一的な見た目を回避します。
Claude Codeで地質時計を構築：シングルHTML＋Three.js
プロダクトデザイナーが、Claude Code、Three.js、カスタムWebGLシェーダーを使って、地球46億年を12時間にマッピングした地質時計eona.earthを、ビルドステップなしの単一HTMLファイルとして構築しました。