hoangsonww/Claude-Code-Agent-Monitor
🚀 A real-time monitoring dashboard for Claude Code & Codex, built with SQLite3, Node.js, Express, React, Vite, TailwindCSS, & WebSockets. It tracks sessions, agent activity, tool usage, and subagent orchestration, providing live analytics, a Kanban status board, status notifications, a cute buddy, & an interactive web UI/MacOS/Windows native app.
解決する課題
Claude Code、Cursor、CodexなどのAIコーディングエージェント向けのリアルタイム監視・可視化プラットフォームを提供します。複雑な開発タスク中に、エージェントの活動、ツール使用状況、セッションコスト、サブエージェントのオーケストレーションに関する可視性が不足しているという問題を解決します。
仕組み
このシステムは、ネイティブフックとローカルトランスクリプト検出(特にCursor用)を組み合わせてエージェントの活動をキャプチャします。このデータはNode.jsフックハンドラーによって処理され、HTTP POSTを介してExpressとSQLiteを搭載したダッシュボードサーバーに送信されます。サーバーはWebSocketを使用してReactベースのWebインターフェースに更新をブロードキャストし、ユーザーがセッションとエージェントの動作をリアルタイムで追跡できるようにします。
対象ユーザー
AIコーディングエージェントを使用する開発者とチームで、エージェントのパフォーマンス監視、トークンコストの追跡、ツール使用パターンの分析、集中管理ダッシュボードによるエージェント設定の管理が必要な方々。
ハイライト
- リアルタイム監視: エージェントセッション、ツール使用状況、会話履歴のライブ追跡。
- 視覚的分析: ヒートマップ、トークンフロー、オーケストレーショングラフで、エージェントとサブエージェントの連携を可視化。
- エージェント管理: Claude CodeとCodexの設定を検査・編集するための統合ツール。
- マルチエージェント対応: Claude Code、Cursor、OpenAI Codexに対応。
- MCP統合: エージェントワークフローから直接ダッシュボード操作を管理するためのローカルModel Context Protocol(MCP)サーバーを内蔵。
- 包括的なUI: エージェントステータス用のカンバンボード、アクティビティフィード、詳細なセッションタイムラインを備えています。
関連
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト