How does the skill prioritize performance findings?

Issues are flagged as Critical (e.g., page load > 3s), High (e.g., bundle > 1MB), or Medium based on their direct impact on the end-user and system resources.

Can this skill help with React performance issues?

Yes, it specifically looks for unnecessary re-renders, heavy component trees, and missing memoization to ensure your frontend stays responsive.

What does 'measurement-first optimization' mean?

It means the skill prioritizes identifying actual bottlenecks through profiling tools and real metrics rather than suggesting optimizations based on generic best practices or guesswork.

Which profiling tools does this skill recommend?

It integrates guidance for Chrome DevTools, Lighthouse, React Profiler, and backend tools like Clinic.js or APMs like Datadog and New Relic.

Does it support backend performance auditing?

Absolutely. It detects common backend issues like N+1 database queries, inefficient caching, and memory leaks in Node.js environments.

TypeScript Performance Reviewer

Name: TypeScript Performance Reviewer
Author: DIO0550

byDIO0550

0•

Analíticas y Monitorización

Analyzes TypeScript and React codebases to detect and resolve performance bottlenecks using a measurement-first optimization approach.

The TypeScript Performance Reviewer skill empowers Claude to perform deep audits of your frontend and backend code, focusing on real-world performance metrics rather than guesswork. It identifies critical issues like unnecessary React re-renders, bloated bundle sizes, N+1 database queries, and inefficient API payloads. By prioritizing fixes based on Core Web Vitals and specific latency thresholds, this skill helps developers implement data-driven optimizations that improve user experience and reduce infrastructure costs.

Características Principales

01Identifies backend N+1 query patterns and caching gaps

02Optimizes API payload size and compression settings

03Analyzes bundle sizes and suggests code-splitting strategies

04Detects React re-render loops and DOM optimization opportunities

050 GitHub stars

06Categorizes issues by severity (Critical, High, Medium) for prioritized fixing

Casos de Uso

01Conducting a comprehensive performance audit before a major production release

02Debugging slow API response times or high memory usage in Node.js services

03Improving Lighthouse and Core Web Vitals scores for React-based frontends

Características Principales

01Identifies backend N+1 query patterns and caching gaps

02Optimizes API payload size and compression settings

03Analyzes bundle sizes and suggests code-splitting strategies

04Detects React re-render loops and DOM optimization opportunities

050 GitHub stars

06Categorizes issues by severity (Critical, High, Medium) for prioritized fixing

Casos de Uso

01Conducting a comprehensive performance audit before a major production release

02Debugging slow API response times or high memory usage in Node.js services

03Improving Lighthouse and Core Web Vitals scores for React-based frontends