Speed up React and Next.js
Find request waterfalls, heavy imports and unnecessary renders. Vercel’s rules help prioritize changes worth measuring first.
31,207 · GitHubvercel-labs/agent-skillsEditorial selection · source reviewedAuthor: Vercel Engineering MIT Revision 063bee9
When to use it
Investigate slow Next.js page loads
Reduce client JavaScript
Review data fetching and server component boundaries
What you’ll get
A prioritized set of changes with code examples and a measurement plan.
For example
Review this Next.js page for request waterfalls and heavy imports. Propose minimal changes and explain what to measure before and after.
Original, requirements and limits
Original skill: Vercel Engineering. Editorial description: kossolapov.com.
- Agent
- An agent that can read Agent Skills instructions; tool access depends on the host
- Tools
- React/Next.js project; code editor and project build tools
- Browser profiler or bundle analyzer to verify performance
- Limits
- Rules must match the installed React and Next.js versions.
- Performance gains depend on the application and require measurement.
- Editorial selection based on source inspection, not a comparative performance certification.