Stats
Actions
Available In
Tags
Help us improve
Share bugs, ideas, or general feedback.
Plugin
claude-city-plugin
Visualize your codebase as a 3D city in the browser: files as buildings, folders as districts, bugs as fires. Launch with /city for interactive exploration or /city analyze for data output.
$
npx claudepluginhub manavarya09/claude-city-plugin --plugin claude-city-pluginPopularity
Stars
Med: 0·Avg: 266
Installs
Med: 0·Avg: 1
README
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
Similar Plugins
explore
1.7k·
Smart codebase exploration with dependency mapping and structure analysis
4mo
rohitg00Stats
Version1.0.0
LanguageJavaScript
Stars5
MaintenanceExcellent
LicenseMIT
Last Commit
Added
Available In
Tags
Topics
Categories
Help us improve
Share bugs, ideas, or general feedback.
