React Best Practices

What this skill does

Review React and Next.js code using performance guidelines maintained by Vercel. The skill prioritizes problems by impact, from request waterfalls and bundle size to rendering and JavaScript work. Use it during implementation, code review, or refactoring to identify concrete changes in an existing codebase.

Try it with a task

Example request to give your agent after installation.

Review this Next.js page for request waterfalls and unnecessary client-side JavaScript. Explain the highest-impact issues and propose focused changes.

Before you start

An agent that supports Agent Skills, with access to your React or Next.js project. Installing via the skills CLI requires Node.js and npm. Review changes and run your project checks before shipping.