Synapse: Claude 코드 에이전트 세션 시각화를 위한 실시간 대시보드

Synapse는 Claude Code 에이전트 세션을 실시간 대화형 노드 그래프로 시각화하는 실시간 대시보드로, 사용자가 깜빡이는 커서만 볼 수 있는 불투명한 에이전트 운영 문제를 해결합니다.

설치 및 요구사항

한 줄 명령어로 Synapse를 설치하고 시작할 수 있습니다:

npm install -g @synapse-ai/cli
synapse start

요구사항: Node.js와 Claude.

주요 기능

• 모든 에이전트 생성, 도구 호출, 하위 에이전트를 연결된 노드로 시각화
• 네 가지 분석 렌즈: 트리 뷰, 트리맵, 산키 다이어그램, 압축 타임라인
• 47개의 도구 호출이 47개의 별도 노드를 생성하지 않도록 하는 도구 호출 그룹화
• 모바일 기기에서의 원격 승인 — 데스크톱에서 작업 시작, 휴대폰에서 승인
• 마우스 없이도 대규모 노드 트리(예: 200개 노드) 탐색을 위한 키보드 내비게이션

개발 배경

전적으로 Claude Code로 구축되었습니다. 개발자가 아이디어를 제공했고, Claude가 38,000줄의 코드를 생성했습니다.

자료

• 웹사이트: https://usesynapse.dev
• npm 패키지: @synapse-ai/cli
• GitHub 저장소: https://github.com/Soarcer/synapse

개발자는 GitHub 토론 스레드를 통해 피드백을 구하고 있습니다.