codebase-visualizer
The codebase-visualizer skill generates an interactive tree visualization of a project's file structure by executing a Python script from the project root, producing an HTML file that displays the codebase architecture in a browser. Use this skill when onboarding to a new repository or analyzing how code files and directories are organized within a project.
git clone --depth 1 https://github.com/huangjia2019/claude-code-engineering /tmp/codebase-visualizer && cp -r /tmp/codebase-visualizer/04-Skills/projects/04-codebase-visualizer ~/.claude/skills/codebase-visualizerSKILL.md
Run the visualization script from your project root: ```bash python .claude/skills/codebase-visualizer/scripts/visualize.py . ``` This creates `codebase-map.html` and opens it in your default browser.
Review code changes for quality, security, and best practices. Proactively use this after code modifications.
Run tests and report results concisely. Use this after code changes to verify everything works.
Analyze log files and extract actionable insights. Use when troubleshooting issues or investigating incidents.
Explore and analyze API-related code. Use when investigating endpoints, routing, or HTTP handling.
Explore and analyze authentication-related code. Use when investigating auth flows, session management, or security.
Explore and analyze database-related code. Use when investigating data models, queries, or persistence.
Analyze root cause of bugs after location is identified. Second step in bug investigation.
Implement bug fixes after analysis is complete. Third step in bug fix pipeline.