Claude Code Flow Visualizer: 전체 에이전트 구성을 인터랙티브 그래프로 확인하기
요약
이 도구는 복잡한 Claude Code 하네스(harness)의 전체 에이전트 구성과 흐름을 인터랙티브 그래프로 시각화합니다. 사용자는 이 도구를 통해 에이전트, 스킬, 훅, 명령어 간의 연결 구조를 한눈에 파악할 수 있습니다. 또한 깨진 링크나 루프 등 하네스 내의 잠재적인 문제점도 자동으로 진단해줍니다.
핵심 포인트
- Claude Code 레포지토리를 읽어 전체 에이전트 구성을 그래프로 시각화합니다.
- 에이전트, 스킬, 훅 등 모든 구성 요소 간의 연결 관계를 파악할 수 있습니다.
- 깨진 링크, 루프, 사용되지 않는 스킬 등 하네스의 문제점을 자동으로 진단해줍니다.
- 별도의 백엔드 설치 없이 브라우저에서 바로 실행 가능한 도구입니다.
제가 직접 만든 도구인데, 제 Claude Code 하네스(harness)가 너무 복잡해서 이해할 수가 없었기 때문입니다. 더 많은 에이전트, 스킬, 훅(hooks), 마크다운 파일(.md files)을 추가하면서 길을 잃었습니다. 무언가가 어떻게 작동하는지 알고 싶을 때마다 수많은 .md 파일을 열어 모든 것을 손으로 따라가야 했습니다. 그래서 이 전체 과정을 그래프로 보여주는 도구를 만들었습니다. 이 도구는 Claude Code 레포(GitHub, ZIP 또는 로컬 폴더)를 읽어서 다음 사항들을 보여줍니다: 에이전트, 스킬, 훅/명령어(commands), MCP 서버 등 모든 것이 어떻게 연결되어 있는지 말입니다. 또한 다음과 같은 문제점도 알려줍니다: 깨진 링크, 루프(loops), 사용되지 않는 스킬, 쓰기 접근 권한을 가진 리뷰어, Task 도구가 누락된 오케스트레이터 등. 이 그래프를 보고 나서야 제가 만든 하네스에서 몰랐던 몇 가지 문제를 발견했습니다. 모든 것은 브라우저에서 실행됩니다. 백엔드나 별도로 설치할 것이 없습니다. GitHub: https://github.com/oyekamal/claude-code-flow-visualizer 저는 주로 저 자신의 Claude 설정을 다시 이해하기 위해 이것을 만들었습니다. 어쩌면 다른 사람에게도 도움이 될 수 있을 것입니다. submitted by /u/oy-kamal [link] [comments]
AI 자동 생성 콘텐츠
본 콘텐츠는 r/ClaudeAI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기