개발자 퍼칸클리(furkankly)가 앤스로픽(Anthropic)의 AI 모델 클로드(Claude)를 활용한 코딩 세션을 실시간으로 시각화하는 오픈소스 도구 '조이트로프(Zoetrope)'를 선보였습니다. 이 도구는 클로드 코드가 생성하는 JSONL 형식의 세션 기록을 읽어, 메인 에이전트와 하위 에이전트, 그리고 각 에이전트가 사용하는 도구들의 상호작용을 플로우 그래프 형태로 터미널이나 웹 브라우저에 표시합니다. 개발자는 이를 통해 AI가 코드를 생성하고 문제를 해결하는 과정을 한눈에 파악할 수 있습니다.
조이트로프는 클로드 코딩 세션의 모든 활동을 노드와 엣지로 표현합니다. 각 노드는 에이전트를 나타내며, 상태, 현재 도구, 도구 사용 횟수, 출력 토큰 수 등의 상세 정보를 제공합니다. 에이전트가 작동 중일 때는 엣지가 애니메이션으로 표시되고, 작업이 완료되면 고정됩니다. 특히, 도구 호출(tool call)은 에이전트 카드 아래에 칩 형태로 나타나 성공 또는 실패 여부를 직관적으로 보여줍니다. 또한, 세션 기록을 기반으로 과거 시점으로 되돌아가거나, 실시간으로 진행 중인 세션을 따라가며 AI의 사고 과정을 면밀히 분석할 수 있는 '타임 트래블' 기능도 제공하여 디버깅 및 이해도를 높입니다.
이러한 시각화 도구는 AI 에이전트의 복잡한 작업 흐름을 투명하게 공개함으로써, 개발자들이 AI의 동작 방식을 더 깊이 이해하고 제어할 수 있게 돕습니다. 기존에는 텍스트 로그를 일일이 분석해야 했던 과정을 그래프 형태로 제공하여 생산성을 크게 향상시키고, AI 에이전트 기반 개발의 진입 장벽을 낮추는 효과를 가져옵니다. 특히, AI가 예상치 못한 결과를 도출했을 때 그 원인을 추적하고 디버깅하는 데 필수적인 도구가 될 것으로 보입니다. 조이트로프는 모든 과정이 로컬에서만 이루어지며 네트워크 통신이 없어 보안 측면에서도 강점을 가집니다.