開発者が1日でClaudeコードを使用して3D GitHub都市ビジュアライゼーションを作成

ある開発者がGit Cityを作成しました。これはGitHubユーザーがピクセルアートの建物として表示される3Dビジュアライゼーションです。プロジェクトはClaude Codeを100%使用してVS Codeで構築され、手動でのコーディングは一切なく、最初のバージョンは1日で完成しました。

プロジェクト詳細

このビジュアライゼーションは、GitHubのアクティビティを建物の特徴にマッピングします：

• コミットが多いほど、建物は高くなる
• リポジトリが多いほど、基礎部分は広くなる
• 点灯している窓は最近のアクティビティを示す

現在、このプロジェクトには約10,000人の開発者が都市に含まれており、thegitcity.comで無料で試すことができます。

開発プロセス

開発者はコーディングとUX/デザインの決定の両方に、Claude Codeを独占的に使用しました。ワークフローでは、計画用とコーディング用に2〜3つのターミナルを同時に実行し、常に活動を維持しました。最初の1日での構築後、開発者は1週間、Claude Codeを使用して毎日アップデートをリリースしています。

技術スタック

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

プロジェクトの反響

このプロジェクトは500,000回以上の閲覧と、GitHubで400以上のスターを獲得しています。ソースコードはhttps://github.com/srizzon/git-cityで入手可能です。