# Codebase Visualizer

Generate an interactive tree visualization of your codebase.

- Repository: https://github.com/huangjia2019/claude-code-engineering (1147 stars)
- Category: Engineering
- License: see repository
- Last updated: 2026-07-23
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add huangjia2019/claude-code-engineering --skill codebase-visualizer -g -a claude-code -y`
Codex: `npx skills add huangjia2019/claude-code-engineering --skill codebase-visualizer -g -a codex -y`
Cursor: `npx skills add huangjia2019/claude-code-engineering --skill codebase-visualizer -g -a cursor -y`
Gemini CLI: `npx skills add huangjia2019/claude-code-engineering --skill codebase-visualizer -g -a gemini-cli -y`

## Description

Generate an interactive tree visualization of your codebase. Use when exploring a new repo or understanding project structure.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

Run the visualization script from your project root:

```bash
python .claude/skills/codebase-visualizer/scripts/visualize.py .
```

This creates `codebase-map.html` and opens it in your default browser.