Help us improve
Share bugs, ideas, or general feedback.
From claude-city-plugin
Visualizes the current codebase as a 3D city in the browser: files as buildings, folders as districts, bugs as fires. Launch via /city or /city analyze for data only.
npx claudepluginhub manavarya09/claude-city-plugin --plugin claude-city-pluginHow this skill is triggered — by the user, by Claude, or both
Slash command
/claude-city-plugin:cityThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Launch a 3D visualization of the current codebase.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Explores codebases via GitNexus: discover repos, query execution flows, trace processes, inspect symbol callers/callees, and review architecture.
Share bugs, ideas, or general feedback.
Launch a 3D visualization of the current codebase.
/city (default)Analyze the repo and launch the 3D city:
node "${CLAUDE_SKILL_DIR}/../../scripts/analyze.js" . "${CLAUDE_SKILL_DIR}/../../app/city-data.json" && node "${CLAUDE_SKILL_DIR}/../../scripts/server.js"
Tell the user their city is live at http://localhost:3333
/city analyzeOnly generate data without launching:
node "${CLAUDE_SKILL_DIR}/../../scripts/analyze.js" . "${CLAUDE_SKILL_DIR}/../../app/city-data.json"