Codebase Visualizer

by huangjia2019

Codebase Visualizer is an Automation skill for Claude Code, published by huangjia2019 in claude-code-engineering.

1.1K stars379 forkson huangjia2019/claude-code-engineeringAdded 2026/08/21Repository updated 2026/07/23

View source on GitHub Download repo ZIP

agentagentic-aiaiclaudeclaude-codeclaude-skills

Install in seconds

Install Codebase Visualizer

Copy Codebase Visualizer into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/huangjia2019/claude-code-engineering/tree/main/04-Skills/projects/04-codebase-visualizer ~/.claude/skills/04-codebase-visualizer

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

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

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: 04-Skills/projects/04-codebase-visualizer/SKILL.md in huangjia2019/claude-code-engineering
Installs to: ~/.claude/skills/04-codebase-visualizer
Collection: One of 13 skills cataloged from this repository
Category: Automation — 1523 skills

What Codebase Visualizer does

Codebase Visualizer generates an interactive tree visualization of a project structure. Use it when exploring a new repo or getting oriented in a large codebase.

Codebase Visualizer is cataloged under Automation on DirSkills. Codebase Visualizer comes from a repository tagged agent, agentic-ai, ai, claude and claude-code.

Documentation

README

From the original repository

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.

Frequently asked about Codebase Visualizer

What else does huangjia2019 publish alongside Codebase Visualizer?
Codebase Visualizer is one of 13 skills that DirSkills catalogs from huangjia2019/claude-code-engineering, the repository it ships in. Its siblings there include API Conventions, API Documentation and API Documentation Generator. Each one is a separate skill with its own page in this directory, installs the same way Codebase Visualizer does, and is maintained by huangjia2019 in that same repository. The rest of the collection is listed on the huangjia2019/claude-code-engineering page.
How does Codebase Visualizer compare to other Automation skills?
Codebase Visualizer ranks #787 by stars among the 1523 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Codebase Visualizer against them. Open each page to compare what they document and how they install.