본문으로 건너뛰기

© 2026 Molayo

Dev.to헤드라인2026. 04. 30. 22:47

Claude Code, Cursor, Codex 등 모든 AI 코딩 어시스턴트를 위한 통합 세션 뷰어

요약

Agent Session Viewer는 Claude Code, Cursor, Codex 등 여러 AI 코딩 어시스턴트의 대화 세션을 하나의 통합된 다크 모드 웹 UI에서 확인할 수 있게 해주는 도구입니다. 이 뷰어는 라이브 업데이트(SSE 스트리밍)를 지원하며, 마크다운 렌더링, 툴 콜 카드, 'thinking blocks' 등 고급 기능을 제공하여 개발자가 분산된 AI 상호작용 기록을 한 곳에서 검토하고 검색할 수 있도록 합니다. 이를 통해 사용자는 여러 플랫폼에 흩어져 있는 AI와의 대화 기록을 통합적으로 관리하고, 특정 시점의 결정이나 과정을 쉽게 추적할 수 있습니다.

핵심 포인트

  • 다중 AI 코딩 어시스턴트(Claude Code, Cursor, Codex 등)의 세션을 단일 UI에서 통합 관리합니다.
  • 라이브 업데이트를 지원하는 SSE 스트리밍을 통해 실시간 대화 기록을 확인할 수 있습니다.
  • 마크다운 렌더링, 툴 콜 카드, Thinking Blocks 등 고급 기능을 제공하여 가독성을 높였습니다.
  • 사이드바 필터링 및 퍼지 검색 기능을 통해 방대한 세션 기록에서 원하는 정보를 쉽게 찾을 수 있습니다.
  • npx를 통한 간편한 설치와 로컬/LAN 액세스 옵션을 제공합니다.

dhruv-anand-aintech / agent-session-viewer

Agent Session Viewer

다중 플랫폼 라이브 세션 뷰어 — Claude Code, Codex, Cursor, OpenCode, Hermes, Antigravity 및 messaging bots (nanoclaw, openclaw, picoclaw 등) 의 AI 코딩 어시스턴트 대화를 통합 다크 모드 UI 에서 확인하세요. 마크다운 렌더링, 툴 콜 카드, 퍼지 스레드 검색, 그리고 thinking blocks 를 지원합니다.

설치: npx (설치 불필요)
npx agent-session-viewer

직접 다운로드 및 실행합니다. 첫 실행 시 사이드바 캐시를 구축한 후 http://localhost:3001 에서 열립니다.

npx agent-session-viewer --host # LAN 액세스 (휴대폰, 태블릿)
npx agent-session-viewer --open # 브라우저 자동 열기
npx agent-session-viewer --port 4000
npx agent-session-viewer --skip-cache # 캐시 구축 건너뛰기

Homebrew (macOS)
brew tap dhruv-anand-aintech/tap
brew install agent-session-viewer

agent-session-viewer

소스 코드에서
git clone https://github.com/dhruv-anand-aintech/agent-session-viewer
cd agent-session-viewer
npm install
npm run setup # 플랫폼 감지, 사이드바 캐시 구축
npm run local # http://localhost:5173 에서 시작

네트워크의 다른 장치에서 액세스하려면:
npm run local -- --host

기능

다중 플랫폼 — Claude Code, Codex, Cursor, OpenCode… 한곳에 모두 자동 감지
GitHub 에서 확인
여러 AI 코딩 어시스턴트를 사용하신다면 아실 것입니다: 세션은 서로 다른 앱, 형식, 저장 위치에 흩어져 있어 무엇을 했는지 검토하거나 대화를 검색하거나 3 개 프로젝트 전의 결정을 재방문할 단일 장소가 없습니다. 저는 이를 해결하기 위해 Agent Session Viewer 를 만들었습니다. 이는 모든 주요 AI 코딩 도구의 세션을 한곳으로 끌어오는 자체 호스팅 다크 모드 웹 UI 입니다 — 라이브, 완전한 마크다운 렌더링, 툴 콜 카드 및 thinking block 지원.

설치: npx (설치 불필요)
npx agent-session-viewer

기능

다중 플랫폼 — 한곳에 Claude Code, Codex, Cursor, OpenCode, Hermes, Antigravity 및 claw bots 포함, 모두 자동 감지
라이브 업데이트 — 작업하는 동안 세션이 나타납니다. SSE 스트리밍을 통해 UI 가 최신 상태를 유지합니다
Pretty 모드 — 마크다운 렌더링, thinking pills, 툴 콜 카드 (Bash, Read, Edit, Write, Search…)
플랫폼 필터 — 사이드바를 플랫폼별로 필터링
서브 에이전트 실행 — 서브 에이전트 세션은 ⤷ 서브 에이전트 표시기 및 들여쓰기된 테두리로 시각적으로 구별됩니다
플랫 또는 그룹화된 사이드바 — 모든 세션을 마지막 활동으로 정렬하거나 프로젝트별로 그룹화
세션 이름 변경 — 연필 아이콘을 통해 세션에 기억할 수 있는 이름을 부여합니다
스레드 검색 — 모든 세션에 대한 사이드바 내 퍼지 검색
모바일 친화적 — 슬라이드인 사이드바 드래퍼, 뒤로 가기 버튼, safe-area 인식
PIN 보호 — 원격 액세스를 위한 간단한 쿠키 인증
소스 코드를 확인하세요:
https://github.com/dhruv-anand-aintech/agent-session-viewer

AI 자동 생성 콘텐츠

본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.

원문 바로가기
8

댓글

0