paulrobello/claude-office

어떤 프로젝트인가요?

핵심 기능

• 01메인 에이전트와 서브에이전트를 보스 및 직원 캐릭터로 보여 주는 애니메이션 사무실
• 02상태별 열을 통해 모든 활성 Claude Code 세션을 한눈에 보여 주는 Command Center
• 03층별 사무실과 세션 전환 기능을 제공하는 다층 건물 화면
• 04할 일 목록, 도구 사용량 차트, 칸반을 포함한 12가지 모드의 화이트보드
• 05컨텍스트가 늘어날수록 채워지는 쓰레기통으로 표시하는 컨텍스트 윈도우 추적
• 06OpenCode 플러그인 지원 및 Docker 배포

활용 사례

• 주의가 필요하거나 아직 작업 중인 여러 Claude Code 터미널의 상태를 한눈에 확인
• 복잡한 코딩 작업에서 메인 에이전트가 서브에이전트에 업무를 어떻게 위임하는지 살펴보기
• 시각적이고 애니메이션이 적용된 인터페이스로 에이전트 워크플로를 시연하거나 교육
• 로컬 도구의 훅 이벤트를 받아 처리하는 공유 Docker 서비스로 비주얼라이저 실행

빠른 시작

1. 1

   저장소를 클론합니다

   git clone https://github.com/paulrobello/claude-office.git
2. 2

   프로젝트 디렉터리로 이동합니다

   cd claude-office
3. 3

   모든 구성 요소(백엔드, 프런트엔드, 훅)를 설치합니다

   make install-all
4. 4

   tmux에서 개발 서버를 시작한 다음 http://localhost:3000 을 엽니다

   make dev-tmux

사용 전 알아둘 점

• !Python 3.13 이상, Node.js 20 이상, uv, 그리고 Claude Code CLI 또는 OpenCode 설정이 필요합니다.
• !AI 기반 이름 및 작업 요약에는 Claude Code OAuth 토큰이 필요합니다. 토큰이 없으면 agent ID가 그대로 표시됩니다.

포함된 컬렉션

토픽

자주 묻는 질문

claude-office은(는) 무엇인가요?

Claude Code 세션을 애니메이션 픽셀 아트 사무실로 보여 주며, 메인 에이전트는 보스, 서브에이전트는 직원으로 표현합니다. Claude Office Visualizer는 Claude Code 활동을 애니메이션 픽셀 아트 사무실로 보여 줍니다. 메인 Claude 에이전트는 업무를 위임하는 "보스" 캐릭터로, 각 서브에이전트는 작업을 수행하며 사무실을 돌아다니는 "직원"으로 나타납니다. Claude Code에 설치된 훅이 라이프사이클 이벤트를 FastAPI 백엔드로 보내고, 백엔드는 WebSocket을 통해 Next.js 및 PixiJS 프론트엔드에 상태를 전달합니다.

claude-office은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

claude-office은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

claude-office은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. claude-office의 마지막 커밋은 2026년 11월 5일입니다.

claude-office은(는) 어디에 사용할 수 있나요?

주의가 필요하거나 아직 작업 중인 여러 Claude Code 터미널의 상태를 한눈에 확인 복잡한 코딩 작업에서 메인 에이전트가 서브에이전트에 업무를 어떻게 위임하는지 살펴보기 시각적이고 애니메이션이 적용된 인터페이스로 에이전트 워크플로를 시연하거나 교육 로컬 도구의 훅 이벤트를 받아 처리하는 공유 Docker 서비스로 비주얼라이저 실행

claude-office는 어떻게 설치하나요?

저장소를 클론합니다: git clone https://github.com/paulrobello/claude-office.git 프로젝트 디렉터리로 이동합니다: cd claude-office 모든 구성 요소(백엔드, 프런트엔드, 훅)를 설치합니다: make install-all tmux에서 개발 서버를 시작한 다음 http://localhost:3000 을 엽니다: make dev-tmux

claude-office은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/paulrobello/claude-office