// Generate an interactive tree visualization of your codebase. Use when exploring a new repo or understanding project structure.
React 组件设计模式、Hooks 使用指南、性能优化技巧
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.
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.
Generate an interactive tree visualization of your codebase. Use when exploring a new repo or understanding project structure.
Generate API endpoint code and documentation from specifications. Use when the user wants to create new API endpoints, generate route handlers, scaffold REST APIs, or produce OpenAPI/Swagger specs from code.
Generate API endpoint code and documentation from specifications. Use when the user wants to create new API endpoints, generate route handlers, scaffold REST APIs, or produce OpenAPI/Swagger specs from code.
| name | codebase-visualizer |
| description | Generate an interactive tree visualization of your codebase. Use when exploring a new repo or understanding project structure. |
| allowed-tools | ["Bash(python *)"] |
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.