Codebase Visualizer

huangjia2019/codebase-visualizer

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

3k tokens

context cost

the whole folder, loaded on every use

files

ships runnable scripts

copies elsewhere

how many repositories repackaged it

1038

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/huangjia2019/claude-code-engineering --skill codebase-visualizer

as written by the author

Run the visualization script from your project root:

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

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

Copy the folder

Take huangjia2019/codebase-visualizer from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.