# \#agent-visualization **URL:** https://discuss.pytorch.kr/tag/agent-visualization/8998.md [최신](https://discuss.pytorch.kr/latest.md) · [카테고리](https://discuss.pytorch.kr/categories.md) · [태그](https://discuss.pytorch.kr/tags.md) --- ## [Agent Flow: Claude Code와 Codex의 에이전트 실행 과정을 실시간 노드 그래프로 보여주는 도구](https://discuss.pytorch.kr/t/agent-flow-claude-code-codex/11767)
**Author:** [@9bow](https://discuss.pytorch.kr/u/9bow)\ **댓글:** 0\ **마지막 업데이트:** [8월 31, 2026, 9:30오전 UTC](https://discuss.pytorch.kr/t/agent-flow-claude-code-codex/11767 "2026-08-31T09:30:26Z")
Agent Flow 소개 코딩 에이전트에게 작업을 맡기고 나면 한동안 볼 수 있는 것은 스크롤로 흘러가는 로그뿐이고, 결국 손에 남는 것은 마지막 결과물입니다. 결과가 맞으면 문제가 없지만 어긋났을 때는 곤란해집니다. 에이전트가 문제를 어떻게 쪼갰는지, 어떤 도구를 어떤 순서로 불렀는지, 어느 단계에서 시간과 토큰이 빠져나갔는지가 로그 안에 섞여 있어서, 잘못된 판단이 시작된 지점을 찾으려면 수백 줄을 거슬러 읽어야 합니다. Agent Flow는 그 실행 과정을 상호작용 가능한 노드 그래프로 펼쳐 보여주는 시각화 도구입니다. 에이전트가 일하는 동안 도구 호출과 분기, 반환 흐름이 실시간으로 그래프에 그려지고, 노드를 눌러 세부 내용을 들여다볼 수 있습니다. 만든 사람은 Simon Patole이며, AI 에이전트로 게임을 만드는 플랫폼인 CraftMyGame을 개발하다가 에이전트의 동작을 디버깅하는 일이 너무 번거로워 직접 만들어 쓰던 것을 공개했다고 밝히고 있습니다. 화면을 보면 이 도구가 무엇을 드러내려 하는지 분명해집니다. 가운데 캔버스에는 실행 중인 에이전트와 하위 에이전트가 노드로 놓이고 각 노드에 누적 토큰과 비용이 함께 표시됩니다. 오른쪽 패널은 그 비용을 에이전트별과 도구별로 쪼개 보여주고, 아래쪽 타임라인은 실행 전체를 시간축으로 늘어놓습니다. 저장소는 이 밖에도 전체 실행 타임라인과 파일 주목도 히트맵, 메시지 트랜스크립트 패널을 제공한다고 적고 있습니다. Agent Flow가 두 런타임에서 이벤트를 받는 방식 Agent Flow는 Claude Code와 Codex 두 런타임의 세션을 동시에 자동 감지해 나란히 보여주며, 각 세션에는 어느 런타임에서 왔는지 표시가 붙습니다. 한쪽만 쓰더라도 다른 쪽은 아무 동작도 하지 않으므로 따로 설정할 필요가 없습니다. 두 런타임에서 이벤트를 가져오는 방법은 서로 다릅니다: 항목 Claude Code Codex 수집 방식 경량 HTTP 훅 서버가 이벤트를 직접 수신 롤아웃 파…