d-kimuson/claude-code-viewer

해결하는 문제

Claude Code Viewer는 Claude Code 세션을 관리하고 분석하기 위한 웹 기반 인터페이스를 제공합니다. 단순히 CLI에 의존하는 문제를 해결하며, 대화 기록을 더 체계적으로 탐색하고, 실시간으로 작업을 모니터링하며, 데이터 손실 없이 로그를 검색할 수 있는 더 나은 방법을 제공합니다.

작동 방식

이 도구는 Claude Code의 클라이언트로 작동하며, 표준 Claude Code 로그(~/.claude/projects/)를 데이터 소스로 사용합니다. Node.js를 통해 서버로 실행 가능하며 브라우저에서 접근할 수 있습니다. API 키 모드(전체 상호작용 기능)와 구독 모드(Anthropic의 이용 약관 준수를 위해 사용자가 터미널에서 실행할 CLI 명령어를 생성)의 두 가지 인증 모드를 지원합니다.

대상 사용자

Claude Code를 사용하는 개발자 중, 시각적이고 원격으로 접근 가능한 방식으로 AI 코딩 세션을 관리하고 싶은 사람, 특히 모바일에서 PWA(프로그레시브 웹 앱) 경험을 선호하거나 프로젝트 로그를 위한 중앙 집중식 대시보드를 원하는 사용자에게 적합합니다.

주요 기능

• 실시간 로그 보기: 진행 중인 Claude Code 세션을 실시간으로 모니터링합니다.
• 전체 텍스트 검색: 키보드 단축키를 사용해 모든 프로젝트와 대화 내에서 부분 일치 및 접두사 검색을 수행합니다.
• 통합 터미널: 브라우저를 벗어나지 않고도 Claude Code 명령어를 실행할 수 있는 내장 터미널 에뮬레이터를 제공합니다.
• 원격 접근: Tailscale 및 역방향 프록시를 지원하여, 어떤 기기에서도 접근 가능한 지속적인 서버로 사용할 수 있습니다.
• PWA 지원: 모바일 최적화 UI와 푸시 알림을 제공하는 프로그레시브 웹 앱(PWA)으로 설치 가능합니다.