hoangsonww/Claude-Code-Agent-Monitor

해결하는 문제

Claude Code, Cursor, Codex와 같은 AI 코딩 에이전트를 위한 실시간 모니터링 및 시각화 플랫폼을 제공합니다. 복잡한 개발 작업 중 에이전트 활동, 도구 사용, 세션 비용, 하위 에이전트 오케스트레이션에 대한 가시성이 부족한 문제를 해결합니다.

작동 방식

이 시스템은 네이티브 훅과 로컬 트랜스크립트 탐지(Cursor 전용)를 결합하여 에이전트 활동을 캡처합니다. 이 데이터는 Node.js 훅 핸들러에 의해 처리되고 HTTP POST를 통해 Express와 SQLite로 구동되는 대시보드 서버로 전송됩니다. 그런 다음 서버는 WebSocket을 사용하여 React 기반 웹 인터페이스에 업데이트를 브로드캐스트하여 사용자가 세션과 에이전트 동작을 실시간으로 추적할 수 있게 합니다.

대상 사용자

AI 코딩 에이전트를 사용하는 개발자와 팀으로, 중앙 집중식 대시보드를 통해 에이전트 성능을 모니터링하고, 토큰 비용을 추적하며, 도구 사용 패턴을 분석하고, 에이전트 구성을 관리해야 하는 사람들을 대상으로 합니다.

주요 기능

• 실시간 모니터링: 에이전트 세션, 도구 사용, 대화 기록을 실시간으로 추적합니다.
• 시각적 분석: 히트맵, 토큰 흐름, 오케스트레이션 그래프를 통해 에이전트와 하위 에이전트가 어떻게 협력하는지 시각화합니다.
• 에이전트 관리: Claude Code 및 Codex의 구성을 검사하고 편집할 수 있는 통합 도구를 제공합니다.
• 멀티 에이전트 지원: Claude Code, Cursor, OpenAI Codex와 호환됩니다.
• MCP 통합: 에이전트 워크플로우에서 직접 대시보드 작업을 관리할 수 있는 로컬 Model Context Protocol(MCP) 서버를 포함합니다.
• 포괄적인 UI: 에이전트 상태를 위한 칸반 보드, 활동 피드, 상세한 세션 타임라인을 제공합니다.

요약

Claude Code, Cursor, Codex를 위한 실시간 모니터링 플랫폼으로, 에이전트 활동, 도구 사용, 세션 비용을 시각화합니다.

제목

AI 코딩 에이전트 세션, 도구 사용 및 오케스트레이션을 추적하기 위한 실시간 모니터링 대시보드