Claude Code 서브 에이전트들을 화상 통화로 구현해 봤습니다.
요약
이 글은 Claude Code를 활용하여 서브 에이전트들의 작업 과정을 화상 통화 형태로 시각화한 무료 오픈 소스 VS Code 확장 프로그램 'agent-standup'을 소개합니다. 이 도구는 각 에이전트의 활동, 명령어 실행, 파일 변경 사항 등을 실시간으로 추적할 수 있게 합니다. 개발 과정에서 Claude Code가 JSONL 트랜스크립트 분석 노드 서버, 브라우저 프론트엔드, VS Code 확장 프로그램 등 전체 프로젝트 구축에 핵심적인 역할을 했음을 강조합니다.
핵심 포인트
- Claude Code를 활용한 서브 에이전트 작업 과정을 시각화했습니다.
- 실시간으로 명령어 실행, 파일 변경(diff), 테스트 결과를 추적할 수 있습니다.
- VS Code 확장 프로그램 형태로 제공되며 오픈 소스입니다.
- 개발 과정에서 Claude Code가 전반적인 아키텍처 구축에 기여했습니다.
저는 Claude Code를 사용해서 이것을 만들었습니다. 이는 Claude Code 세션을 라이브 비디오 콜 형태로 보여주는 무료 오픈 소스 VS Code 확장 프로그램입니다. 이를 통해 각 서브 에이전트가 무엇을 하는지 볼 수 있습니다. 또한 다른 편집기나 claude 앱의 독립형 노드 서버로도 작동합니다. 문제는 다음과 같습니다: Claude Code가 서브 에이전트를 생성할 때, 제 터미널이 로그 벽으로 변하고 누가 어떤 프롬프트를 받았는지, 각각 무엇을 실행하는지, 그리고 누가 완료되었는지 추적하기 어려워집니다. 이것이 하는 일 (에이전트 스탠드업): Claude Code가 이미 ~/.claude/projects 에 작성한 세션 파일을 읽고 현재 세션을 실시간으로 따라갑니다. 각 에이전트는 통화 속의 작은 캐릭터입니다: 서브 에이전트는 작업을 받으면 참여하고 보고를 마치면 떠납니다. 공유된 '스크린'에는 에이전트의 실제 명령어와 그 실제 출력, 편집의 정확한 diff, 그리고 읽는 파일들이 표시됩니다 (실패하는 테스트는 빨간색). 누가 누구에게 요청했는지에 대한 트리, 변경된 파일 요약, 과거 세션 재생, 선택적 음성(프랑스어/영어) 기능이 있습니다. Claude Code가 어떻게 도움이 되었나: 프로젝트 전체가 약 이틀 동안의 긴 Claude Code 대화 속에서 구축되었습니다. Claude Code는 JSONL 트랜스크립트(서브 에이전트 파일 및 도구 결과 포함)를 구문 분석하는 노드 서버, 브라우저 프론트엔드, SVG 캐릭터 및 배경, 그리고 VS Code 확장 프로그램 래퍼를 작성했습니다. 또한 헤드리스 브라우저에서 UI를 테스트하고, 확장 프로그램을 패키징했으며, GitHub 릴리즈와 랜딩 페이지까지 만들었습니다. 제 역할은 아이디어, 제품 결정, 그리고 실제 VS Code에서 테스트하는 것이었습니다. 사용 가능 여부: 무료 오픈 소스(MIT), 비공식적이며 Anthropic과 관련이 없습니다. 설치 방법: 사이트에서 .vsix를 다운로드한 다음, VS Code에서 확장 프로그램 → … → VSIX에서 설치로 이동합니다. 세션이 없나요? ⚙ → Source → 내장된 가상의 예제 데모를 여세요.
사이트 및 다운로드: https://atoll92.github.io/agent-standup/
코드: https://github.com/Atoll92/agent-standup
Mac에서 가장 잘 테스트되었습니다; Windows에서도 작동해야 하지만 버그 리포트를 받고 싶습니다.
제출자: /u/stickygoose [링크] [댓글]
AI 자동 생성 콘텐츠
본 콘텐츠는 r/ClaudeAI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기