Agent Flow를 이용한 AI 에이전트 오케스트레이션 시각화하기
중급15분2026-03-25
Claude Code의 실행 로그를 Agent Flow 확장 프로그램과 연결하여 AI 에이전트의 내부 추론 과정을 실시간으로 분석합니다. 에이전트가 도구를 사용하는 순서와 사고의 흐름을 한눈에 파악할 수 있는 인터랙티브한 노드 그래프 기반의 VS Code 시각화 대시보드를 만듭니다.
이 실습은 터미널에서 진행됩니다
오른쪽 패널에서 설치 명령어를 복사하세요이런 걸 배워요
- Agent Flow 확장 프로그램을 VS Code에 설치하고 설정할 수 있다
- Claude Code의 Hooks 기능을 활용해 이벤트 로그를 남길 수 있다
- 에이전트의 실행 과정을 실시간 노드 그래프로 시각화하고 분석할 수 있다
어떻게 진행해요
1. Agent Flow 확장 프로그램 설치
2. Claude Code Hooks 설정 파일 생성
3. VS Code Workspace 설정 구성
4. 테스트용 에이전트 작업 실행
5. Agent Flow 시각화 대시보드 열기
6. 에러 상황 시뮬레이션 및 디버깅
AI 튜터가 각 단계를 하나씩 안내해줄 거예요