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가 의도를 어떻게 해석하는지 파악
관련 논문
프로덕션 AI 에이전트를 GPT-5.6으로 마이그레이션: 2.2배 빠르고 27% 저렴
마케팅 웹사이트를 자동 생성하는 프로덕션 AI 에이전트를 Claude Opus 4.8에서 GPT-5.6 Sol로 전환한 실전 경험담으로, 단순 모델 교체가 아니라 eval 하네스, 툴 스키마, 캐싱, 추론 리플레이까지 손봐야 했던 과정을 구체적인 수치와 함께 정리했다.
xAI Grok Build CLI가 xAI 서버로 전송하는 데이터: 네트워크 레벨 분석
xAI의 공식 코딩 CLI 도구 Grok Build가 사용자 동의 없이 전체 Git 저장소와 .env 시크릿 파일을 xAI 서버로 업로드한다는 사실이 네트워크 트래픽 분석으로 밝혀졌다.
중요할 때 기억하라: Long-Horizon 에이전트를 위한 Proactive Memory Agent
LLM 에이전트가 긴 작업 중 중요한 정보를 잊어버리는 문제를 별도의 메모리 에이전트가 '적절한 타이밍에' 끼어들어 해결하는 방법
WebSwarm: 깊고 넓은 웹 검색을 위한 재귀적 Multi-Agent Orchestration
복잡한 웹 검색을 재귀적으로 분해하고 각 노드에 적합한 검색 모드를 동적으로 할당하는 멀티에이전트 프레임워크
웹 앱을 리버스 엔지니어링해서 AI Agent 도구로 자동 변환하기
로그인된 웹 앱의 API 호출을 브라우저에서 감시해 자동으로 MCP 도구로 변환하는 에이전트를 만들었다. 소스 코드나 공식 API 문서 없이도 Jira, Spotify 같은 서비스에 AI 어시스턴트를 붙일 수 있다.
FableCut – AI 에이전트가 조작할 수 있는 브라우저 기반 비디오 에디터 (zero deps)
타임라인 전체를 JSON 파일 하나로 표현하고 MCP/REST로 AI 에이전트가 직접 편집할 수 있는 브라우저 비디오 에디터로, Claude 같은 AI가 프롬프트 하나로 영상을 자동 컷편집하고 결과를 실시간으로 UI에 반영해준다.