name: codebase-visualizer description: Generate an interactive collapsible tree visualization of your codebase. Use when exploring a new repo, understanding project structure, or identifying large files. allowed-tools: Bash(python *)

Codebase Visualizer

Generate an interactive HTML tree view that shows your project's file structure with collapsible directories.

Usage

Run the visualization script from your project root:

bash

python ~/.claude/skills/codebase-visualizer/scripts/visualize.py .

This creates codebase-map.html in the current directory and opens it in your default browser.

What the visualization shows

•Collapsible directories: Click folders to expand/collapse
•File sizes: Displayed next to each file
•Colors: Different colors for different file types
•Directory totals: Shows aggregate size of each folder