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.
Deep analysis of code against project standards
API design patterns and conventions for this project. Covers RESTful URL naming, response format standards, error handling, and authentication requirements. Use when writing or reviewing API endpoints, designing new APIs, or making decisions about request/response formats.
Generate comprehensive API documentation by scanning Express route files.
Generate API documentation from code. Use when the user wants to document APIs, create API reference, generate endpoint documentation, or needs help with OpenAPI/Swagger specs.
Explore and analyze API-related code. Use when investigating endpoints, routing, or HTTP handling.
Generate API endpoint documentation from Express route files. Use when the user asks to generate, update, or review API docs for Express.js routes.
Explore and analyze authentication-related code. Use when investigating auth flows, session management, or security.
Analyze root cause of bugs after location is identified. Second step in bug investigation.