# City

> Visualize your current project as a 3D city in the browser. Files become buildings, folders become districts, bugs become fires. Use when user says 'city', 'visualize', '3d', 'show my code', or '/city'.

- Skill: `manavarya09/city` (Agent Skill)
- Install (CLI): `npx skillmds@latest add manavarya09/city`
- Raw SKILL.md: https://api.skillmd.com/api/skills/manavarya09/city/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: manavarya09 (https://skillmd.com/u/manavarya09)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/manavarya09/city

---


# Code City

Launch a 3D visualization of the current codebase.

## Commands

### `/city` (default)
Analyze the repo and launch the 3D city:
```bash
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 analyze`
Only generate data without launching:
```bash
node "${CLAUDE_SKILL_DIR}/../../scripts/analyze.js" . "${CLAUDE_SKILL_DIR}/../../app/city-data.json"
```