Agent skill
codebase-visualizer
Generate an interactive tree visualization of your codebase. Use when exploring a new repo or understanding project structure.
Install this agent skill to your Project
npx add-skill https://github.com/huangjia2019/claude-code-engineering/tree/main/04-Skills/projects/04-codebase-visualizer/.claude/skills/codebase-visualizer
SKILL.md
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.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
codebase-visualizer
Generate an interactive tree visualization of your codebase. Use when exploring a new repo or understanding project structure.
quality-checking
Validate API documentation against quality standards. Use when you need to verify generated docs are complete and correct.
route-scanning
Scan Express.js source files to discover all API route definitions.
doc-writing
Generate API documentation from a route manifest. Use when you have a list of discovered routes and need to produce markdown documentation.
code-reviewing
Review code for quality, security, and best practices. Use when the user asks for code review, wants feedback on their code, mentions reviewing changes, or asks about code quality.
code-reviewing
Review code for quality, security, and best practices. Use when the user asks for code review, wants feedback on their code, mentions reviewing changes, or asks about code quality.
Didn't find tool you were looking for?