r/vibecoding•4개월 전•250•52
Claude랑 Codex가 코딩하는 걸 보려고 RTS 게임을 바이브 코딩으로 만들어봄
I vibe-coded an RTS to watch Claude and Codex vibe-code for me
핵심 요약
AI 코딩 세션을 실시간 RTS 게임 화면으로 시각화해주는 대시보드 프로젝트.
- 실시간 시각화 — AI 에이전트의 활동을 RTS 게임 속 유닛과 건물로 변환함.
- 읽기 전용 대시보드 — 로컬 세션 파일을 읽어 실시간으로 상태를 렌더링함.
- 다양한 테마 — 판타지와 SF 스타일의 아이소메트릭 그래픽을 지원함.
- 오픈 소스 — MIT 라이선스로 공개되어 누구나 사용 가능함.
몇 주 동안 Claude Code랑 Codex 안에서 살다 보니, 에이전트들이 텍스트 벽처럼 스크롤되는 걸 보는 게 지겨워졌음. 걔네가 뭘 하는지 직접 보고 싶었음.
그래서 AI 코딩 세션마다 실시간 픽셀 아트 콜로니로 바꿔주는 작은 RTS를 바이브 코딩으로 만들어봄. 로컬 세션 파일(~/.claude/projects, ~/.codex/sessions)을 읽기 전용으로 불러와서 실시간으로 렌더링함:
- 각 세션 = 성채에서 행진해 나오는 영웅
- 서브 에이전트 = 팀 색깔의 일꾼
- 에이전트가 사용하는 도구에 따라 걸어가는 건물이 결정됨:
- ⚒️ 대장간 = 코드 작성/수정
- 🔭 마법사 탑 = 웹 검색 및 문서 읽기
- ⛏️ 광산 = 명령어 실행 및 테스트
- 📚 도서관 = 파일 읽기
- 👥 병영 = 서브 에이전트 생성
- 영웅을 클릭하면 림월드 스타일의 패널이 뜸: 현재 작업, 토큰, 최근 활동, 실시간 기록
- 두 가지 테마: 판타지, SF (둘 다 아이소메트릭)
순수하게 읽기 전용 대시보드임. 세션을 건드리거나 조종하지 않음.
우로보로스 같은 부분: 이거 전체를 Claude Code로 만들었음. 그래서 대부분의 시간 동안, 이 콜로니를 만들고 있는 바로 그 에이전트들이 콜로니를 렌더링하는 걸 지켜보고 있었음. 🐍
설치 필요 없음, 한번 써보셈:
npx age-of-agents — 실제 세션 관찰
npx age-of-agents --demo — 그냥 구경만 하고 싶을 때 가짜 데이터로 실행
오픈 소스(MIT)임. 다음엔 이 세상에 뭘 더 구현하면 좋을까? 콜로니 스타일의 이벤트 로그나 알림 피드 같은 걸 생각 중임.
