개발자가 클로드 코드로 하루 만에 3D GitHub 도시 시각화를 만듦

✍️ OpenClawRadar📅 게시일: February 28, 2026🔗 Source
개발자가 클로드 코드로 하루 만에 3D GitHub 도시 시각화를 만듦
Ad

한 개발자가 Git City를 만들었습니다. 이는 모든 GitHub 사용자가 픽셀 아트 건물로 변하는 3D 시각화 도구입니다. 이 프로젝트는 VS Code에서 Claude Code만을 100% 사용하여 수동 코딩 없이 구축되었으며, 첫 번째 버전은 하루 만에 완성되었습니다.

프로젝트 상세

이 시각화 도구는 GitHub 활동을 건물 특성에 매핑합니다:

  • 커밋이 많을수록 = 건물이 더 높아짐
  • 저장소가 많을수록 = 기반이 더 넓어짐
  • 빛나는 창문은 최근 활동을 나타냄

이 프로젝트는 현재 도시에 거의 10,000명의 개발자를 포함하고 있으며, thegitcity.com에서 무료로 체험해 볼 수 있습니다.

개발 과정

개발자는 코딩과 UX/디자인 결정 모두에 Claude Code만을 독점적으로 사용했습니다. 워크플로우는 2-3개의 터미널을 동시에 실행하는 방식으로, 일부는 계획을 세우고 일부는 코딩을 하며 지속적인 활동을 유지했습니다. 초기 하루 만의 구축 이후, 개발자는 일주일 동안 Claude Code를 사용하여 매일 업데이트를 배포해 왔습니다.

기술 스택

  • Next.js
  • Three.js
  • Supabase
  • Vercel

프로젝트 반응

이 프로젝트는 GitHub에서 500,000회 이상의 조회수와 400개 이상의 스타를 받았습니다. 소스 코드는 https://github.com/srizzon/git-city에서 확인할 수 있습니다.

📖 전체 소스 읽기: r/ClaudeAI

Ad

👀 See Also

OpenClaw, 다중 플랫폼 앱을 위한 엔터프라이즈 릴리스옵스 시스템을 조율합니다
Use Cases

OpenClaw, 다중 플랫폼 앱을 위한 엔터프라이즈 릴리스옵스 시스템을 조율합니다

한 개발자가 OpenClaw를 사용하여 웹, iOS, Android, TV 플랫폼에서 거의 100만 명의 사용자를 보유한 앱의 QA 프로세스를 관리하는 반자동 ReleaseOps 시스템을 구축했습니다. 이 시스템은 티켓 관리, 테스트 스크립트 로그 출력을 자동화하고 GPT-4 mini를 사용하여 모든 것을 통합합니다.

OpenClawRadar
오픈클로 에이전트, 에이빌리제이션 지속형 세계 시뮬레이션에서 테스트 완료
Use Cases

오픈클로 에이전트, 에이빌리제이션 지속형 세계 시뮬레이션에서 테스트 완료

한 개발자가 자신의 OpenClaw 에이전트를 Aivilization이라는 오픈 월드 시뮬레이션에 투입하는 실험을 진행했습니다. 이곳은 AI 에이전트가 주민으로 존재할 수 있는 환경으로, 터미널 워크플로우 대신 에이전트는 시뮬레이션 내 캐릭터로 등장했습니다.

OpenClawRadar
다중 에이전트 AI 팀이 컨텍스트 침례를 활용하여 코드 리뷰 개선하기
Use Cases

다중 에이전트 AI 팀이 컨텍스트 침례를 활용하여 코드 리뷰 개선하기

한 개발자가 18세대에 걸친 AI 에이전트 팀을 운영한 결과, 이전 세대의 편지와 회고록을 읽은 에이전트들이 코드만 읽은 에이전트들보다 훨씬 더 나은 코드 리뷰를 작성한다는 사실을 발견했으며, 이 관행을 '컨텍스트 세례'라고 명명했습니다.

OpenClawRadar
채널 기능으로 WhatsApp을 통해 Claude 코드 제어하기
Use Cases

채널 기능으로 WhatsApp을 통해 Claude 코드 제어하기

개발자가 채널 기능(v2.1.80+)을 사용하여 WhatsApp을 실행 중인 Claude Code 세션에 연결하여 동일한 CLI 세션과 상호작용할 수 있도록 텍스트 메시지, Whisper 전사 기능이 있는 음성 메모, OpenAI TTS를 통한 음성 응답을 가능하게 했습니다.

OpenClawRadar