app-analyzer-optimizer

# App Analyzer & Optimizer (2026 Edition) [English](#english) | [Bahasa Indonesia](#bahasa-indonesia) --- <a name="english"></a> ## English ### Description Deep application analysis and optimization skill. Performs architectural audits, bottleneck detection, bundle analysis, database query profiling, and AI-assisted code review across Next.js, React, Node.js, Go, Python, and Rust applications. ### Trigger Conditions - Auditing an existing codebase for architectural issues or technical debt. - Detecting performance bottlenecks (slow API routes, large bundles, N+1 queries). - Analyzing bundle size and suggesting code splitting opportunities. - Reviewing code quality (complexity, duplication, dead code). - Using AI-assisted tools to accelerate code review and analysis. ### Analysis Protocol (5 Phases) #### Phase 1: Architecture Discovery ```bash # Map the entire project structure find . -type f -name "*.ts" -o -name "*.tsx" -o -name "*.go" | head -100 # Count lines per file (find largest files) find . -name "*.ts" -exec wc -l {} + | sort -rn | head -20 # Find circular dependencies (TypeScript/JS) npx madge --circular --extensions ts,tsx src/ ``` #### Phase 2: Bundle Analysis (Next.js / Vite) ```bash # Next.js bundle analyzer ANALYZE=true next build # Or install dedicated tool npx @next/bundle-analyzer # Vite bundle visualization npx vite-bundle-visualizer # Check for duplicate dependencies npx depcheck npx bundle-phobia-cli ...