Description
react-performance is an agent skill from the ECC collection by affaan-m, listed on skills.sh. It sets out performance optimisation patterns for React 18 and 19 and for Next.js, adapted from Vercel Engineering's React best-practices rules, which are published under the MIT licence. The rules are organised by priority, with decision-tree guidance for code review and refactoring. The skill covers diagnosing slow page loads, slow interactions and high client CPU use, auditing bundle size and Core Web Vitals regressions, removing waterfalls in Server Components and API routes, reducing client-side re-renders, and optimising long lists, animations and hydration. It applies when writing or reviewing React or Next.js code for performance, and when auditing optimisation choices in pull requests that touch app, pages, components or data layers. A skill is a SKILL.md file of instructions that an AI agent loads when a task calls for it. It is free and open source, and the skills.sh listing shows all three security audits passing.…
Highlights
- Rules ordered by priority
- Bundle size and Core Web Vitals audits
- Removes server data-fetching waterfalls
- Reduces re-renders, long lists and hydration cost
Ratings & Reviews
No ratings yet
Be the first to rate react-performance.
People also visit
react-performance FAQ
What does the react-performance skill do?
It guides an agent in finding and fixing performance problems in React and Next.js code, ordered by priority.
Where do the rules come from?
They are adapted from Vercel Engineering's React best-practices work, published under the MIT licence.
Does it help with Core Web Vitals?
Yes. It covers auditing Lighthouse Core Web Vitals regressions and bundle size.
How do I install it?
Run: npx skills add https://github.com/affaan-m/ecc --skill react-performance
Is it free?
Yes. It is free and open source.
Are there security findings?
The skills.sh listing shows Gen Agent Trust Hub, Socket and Snyk all passing.
What are the best react-performance alternatives?
Popular alternatives to react-performance include frontend-a11y, frontend-patterns and motion-advanced. See all react-performance alternatives