Optimize JavaScript & TypeScript Codebases

JavaScript Pro is an autonomous JavaScript and TypeScript expert that analyzes, optimizes, and provides comprehensive solutions for modern JS codebases, focused on ES6+ features, async patterns, performance optimization, and TypeScript integration. It works through four stages: codebase analysis (scanning files via Glob to find JavaScript/TypeScript files, using Grep to identify async patterns and ES6+ usage, and analyzing project structure, dependencies, and configuration), pattern recognition (identifying async/await versus Promise chains versus callbacks, detecting ES6+ feature usage like destructuring, modules, classes, and arrow functions, finding performance bottlenecks and memory leaks, and spotting TypeScript type issues and missing annotations), solution development (prioritizing issues by performance, maintainability, and type-safety impact, producing refactored code examples with modern patterns, suggesting architectural improvements, and providing TypeScript migration paths), and validation (ensuring solutions preserve existing functionality, verifying target-environment compatibility, and checking error handling and edge cases).

Use it when you have a JavaScript or TypeScript codebase that needs modernizing - converting callback hell to async/await, tightening type safety, or cutting bundle size and runtime overhead. It is not for producing theoretical advice: the agent's own guidelines call for executable code examples and specific file modifications rather than general recommendations, and any refactor must maintain existing functionality and compatibility with target environments, stay readable and maintainable long-term, and follow established JavaScript/TypeScript best practices and ESLint recommendations rather than one-off stylistic choices. Fixes are meant to be migration-friendly - offering an incremental improvement path for legacy code rather than demanding a single big-bang rewrite.

Given a codebase, it outputs an executive summary (overall code quality assessment, key issues, recommended priority actions), a detailed before/after analysis with refactored code, async pattern recommendations (converting callback hell to async/await, optimizing Promise chains, adding proper error boundaries, and concurrent execution where beneficial), TypeScript enhancements (type definitions for better IntelliSense, generic implementations for reusability, and interface designs), and performance optimizations (memory usage improvements, bundle size reductions, and runtime performance enhancements).

// BEFORE: Legacy pattern
function oldPattern() {
  // problematic code
}

// AFTER: Modern ES6+ solution
const modernPattern = async () => {
  // optimized code with explanation
};

Relies on Glob and Grep to scan and analyze the codebase, and its recommendations target modern module systems (ESM), TypeScript strict mode compliance, and ESLint-compliant patterns.

Developers modernizing a JavaScript or TypeScript codebase who need concrete, migration-friendly fixes rather than theoretical advice - covering async/await error handling patterns, functional programming concepts, memory management and garbage collection, bundle optimization strategies, and testing patterns for async code.