개발자가 클로드 코드로 하루 만에 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

다중 에이전트 설정으로 인한 환각 루프로 3,400달러의 요금이 발생했습니다.
Use Cases

다중 에이전트 설정으로 인한 환각 루프로 3,400달러의 요금이 발생했습니다.

한 개발자가 다중 에이전트 MCP 설정을 테스트하기 위해 기업 가상 카드를 환경 변수에 하드코딩한 결과, 주 에이전트가 환각 루프에 빠져 14시간 동안 45초마다 새로운 유료 프록시 인스턴스를 생성하면서 3,400달러의 요금이 발생했습니다.

OpenClawRadar
보안 VPS에 OpenClaw를 배포하면서 얻은 실용적인 교훈
Use Cases

보안 VPS에 OpenClaw를 배포하면서 얻은 실용적인 교훈

레딧 사용자가 구체적인 배포 조언을 공유합니다: 보안과 토큰 효율성을 위해 모든 스킬과 플러그인을 검토하고, 기본 설정으로 시작하며, 경제성과 더 작은 공격 표면을 위해 VPS를 사용하세요. 적절한 설정은 반복 작업에 소요되는 시간의 40%를 절약할 수 있습니다.

OpenClawRadar
인도주의적 AI에서 any-guardrail을 활용한 다국어 가드레일 평가
Use Cases

인도주의적 AI에서 any-guardrail을 활용한 다국어 가드레일 평가

Mozilla의 any-guardrail 도구는 인도적 LLM에서 다국어 가드레일을 평가하며, 작업 및 도메인 특이성에 초점을 맞춥니다.

OpenClawRadar
비개발자가 Claude로 개인화된 AI 뉴스 편집기를 구축하다
Use Cases

비개발자가 Claude로 개인화된 AI 뉴스 편집기를 구축하다

비기술 사용자가 Claude AI를 사용하여 맞춤형 일일 뉴스 브리핑 시스템을 만들었습니다. 간단한 요약 프롬프트로 시작하여 상황 인식 필터링과 편향 검사 기능을 갖춘 완전한 도구로 발전했습니다.

OpenClawRadar