Review React and Next.js projects for performance bottlenecks.
npx skills add https://github.com/whoabuddy/claude-knowledge --skill react-perf
Please help me install this Agent Skill. Skill: react-perf Source: https://github.com/whoabuddy/claude-knowledge/tree/main/claude-config/skills/react-perf Command: npx skills add https://github.com/whoabuddy/claude-knowledge --skill react-perf
Streamlines the process of identifying and applying React/Next.js performance optimizations to improve user experience and reduce load times.
Run the React performance review workflow on a Next.js project to identify critical bottlenecks and apply the suggested optimizations.
High-intent search queries and answers about installing and using this skill.
To optimize React rendering performance, apply universal rules plus Next.js-specific guidelines to identify bottlenecks in render times, bundle sizes, and data-fetching patterns. You get actionable, testable recommendations to reduce load times and improve user experience.
Diagnosing Next.js data fetching waterfall issues involves reviewing your data-fetching patterns against Next.js-specific optimization guidelines. The process identifies critical bottlenecks in sequential requests and provides actionable recommendations to tune fetching strategies.
Reducing bundle size for a slow Next.js page requires tuning bundle splits and applying universal React performance rules. The workflow reviews bundle composition, identifies heavy dependencies, and suggests optimizations to streamline load times.
React performance guidance includes universal performance rules that apply to standard React apps, alongside Next.js-specific optimizations. If your project uses React without Next.js, the universal rendering and bundle size rules still provide actionable recommendations.
Slow Next.js render times after data fetching often stem from waterfall issues or unoptimized rendering patterns. Reviewing the project against Next.js-specific performance guidelines identifies bottlenecks and yields testable recommendations to resolve delays.
johnnystefanReview React and Next.js code for performance bottlenecks using Vercel's priority rules.
MohammedSaudAlsahliProvide performance optimization guidelines for React and Next.js applications.
LykhoydaOptimize React and Next.js application performance with rule-based guidelines.
Marcus-BoniOptimize React and Next.js application performance with best practices.
