Agent Flow: Claude Code 실행 흐름을 실시간으로 시각화하는 도구
Agent Flow: A beautiful way to visualize what Claude Code does
TL;DR Highlight
Claude Code의 블랙박스 실행 과정을 실시간 시각화 — 도구 호출 체인·시간 분포·서브에이전트 조율을 눈으로 확인해 디버깅과 프롬프트 개선에 활용
Who Should Read
Claude Code를 사용해 에이전트를 구축하거나 제품에 통합하는 개발자
Core Mechanics
- 에이전트 행동 이해: Claude가 문제를 어떻게 분해하는지, 어떤 도구를 선택하는지, 서브에이전트가 어떻게 협력하는지 시각적 확인
- 디버깅 지원: 실패 시 도구 호출 시퀀스와 결정 지점을 역추적 가능
- 프롬프트 학습: Claude가 프롬프트를 어떻게 해석하고 실행하는지 관찰해 더 나은 프롬프트 작성 능력 향상
- 제품 개발 지원: 에이전트를 자체 제품에 통합할 때 실제 동작 시각화로 빠른 반복 가능
Evidence
- 개발자가 매일 사용하며 프롬프트·도구 설계·오케스트레이션 로직 반복 개선에 활용
How to Apply
- Claude Code 에이전트 디버깅 시 Agent Flow로 도구 호출 체인을 시각화해 비효율적 분기나 중복 작업 식별
- 새로운 에이전트 프롬프트 작성 전 기존 프롬프트의 실행 패턴을 관찰해 Claude가 의도를 어떻게 해석하는지 파악