Claude-code-engineering codebase-visualizer

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

install

source · Clone the upstream repo

git clone https://github.com/huangjia2019/claude-code-engineering

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/huangjia2019/claude-code-engineering "$T" && mkdir -p ~/.claude/skills && cp -r "$T/04-Skills/projects/04-codebase-visualizer/.claude/skills/codebase-visualizer" ~/.claude/skills/huangjia2019-claude-code-engineering-codebase-visualizer && rm -rf "$T"

manifest: 04-Skills/projects/04-codebase-visualizer/.claude/skills/codebase-visualizer/SKILL.md

tags

#code-visualization #code-analysis #project-structure #graph-generation #code-exploration

source content

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.