claude-city-plugin
Claude Code plugin: visualize your current project as a 3D city with /city command
- Stars
- 8
- Language
- JavaScript
- License
- MIT
- Updated
- 3d
- claude-code
- developer-tools
- plugin
- threejs
- visualization
Claude City Plugin
Claude Code plugin that visualizes your current project as a 3D city.
Run /city in Claude Code → your codebase appears as a navigable 3D city in your browser.
Install
git clone https://github.com/Manavarya09/claude-city-plugin.git ~/.claude/plugins/code-city-plugin
Usage
In any project with Claude Code:
/city # Analyze + launch 3D city
/city analyze # Just generate data
How It Works
- Scans your local git repo (file tree, git log, dependencies)
- Generates
city-data.jsonwith metrics per file - Opens a Three.js 3D city in your browser at
localhost:3333
What You See
- Buildings = Files (height = LOC, color = language)
- Districts = Folders
- Fires = Files with bug-fix commits
- Characters = Contributors walking around
- Roads = Import dependencies
Also See
- Code City — Web app version (paste any GitHub repo)
- Cost Guardian — Cost tracking for Claude Code
- Team Brain — Shared AI memory for teams
License
MIT