Claude Code가 작업하는 모습을 볼 수 있는 터미널을 만들었습니다: 에디터에 실시간으로 코드를 입력하고 저장소 맵을 보여줍니다
I built a terminal where you can watch Claude Code work: it types its edits into an editor live and lights up a map of your repo
핵심 요약
Claude Code의 작업 과정을 실시간으로 시각화하여 에디터 편집과 세션 상태를 한눈에 파악하게 해주는 Ghostty 기반 터미널입니다.
- 실시간 시각화 — Claude Code의 파일 편집 과정을 에디터와 저장소 맵으로 실시간 확인 가능함
- 세션 관리 — 여러 에이전트의 작업 상태를 사이드바에서 모니터링하고 권한 요청 시 알림을 받음
- 코드 리뷰 — 작업 완료 후 diff를 검토하고 피드백을 즉시 반영할 수 있는 리뷰 인박스 제공함
- 오픈 소스 — 로컬에서 작동하며 별도 계정 없이 Claude Code 및 Codex와 연동됨
Claude Code 세션을 몇 개 돌리다 보면, 어떤 게 돌아가고 있는지, 어떤 게 권한 승인 창에서 멈춰 있는지, 지금 뭘 수정하고 있는지 확인하느라 탭만 왔다 갔다 하다가 시간 다 보냄.
그래서 Ghostty를 포크해서 에이전트가 하는 짓을 눈으로 바로 보이게 만들어 봤음:
-
터미널 옆에 에디터가 열리면서 Claude가 읽는 파일이랑 수정하는 내용을 실시간으로 보여줌
-
작업할 때 리포지토리 맵에 불이 들어옴: 읽기 작업은 시안(cyan)색, 수정 작업은 주황색으로 표시되고, Claude가 혜성처럼 파일 사이를 날아다님
-
사이드바에서 모든 세션 상태(작업 중, 권한 대기, 완료)를 한눈에 볼 수 있고, 승인이 필요하면 알림을 띄워줌
-
작업이 끝나면 diff가 리뷰함으로 들어옴: 코드 라인에 댓글 달아서 바로 다음 프롬프트로 다시 던져주면 됨
작동 방식: Claude Code 훅이랑 Claude가 이미 작성 중인 세션 기록을 활용함. Codex도 지원함. 무료 오픈소스고, 계정 필요 없고, 데이터가 외부로 나가지도 않음.
분명 물어볼 사람 있을 것 같아서 미리 말하는데, cmux도 탭이랑 알림 관리엔 좋음. 근데 이건 에이전트가 *뭘* 하고 있는지 더 깊게 보여줌: 실시간 에디터랑 리포지토리 맵, 에이전트가 건드릴 때마다 불 들어오는 Cloudflare/Supabase 백엔드 뷰, 그리고 로컬호스트 앱에서 요소 클릭해서 바로 Claude한테 보내는 기능까지 다 있음.
지금은 Apple 실리콘 맥에서만 돌아가고, 아직 좀 거친 부분도 있음. 일단 오픈 소스로 계속 만드는 중임.
