vercel-react-best-practices

To optimize React and Next.js performance, this Skill provides 69 rules across 8 categories for AI agents to automate refactoring, eliminate waterfalls, and improve server-side rendering. Run the build command to generate the AGENTS.md document with optimized guidelines.

Best practices for automated refactoring include applying predefined rules and impact metrics to eliminate waterfalls and optimize bundle size. This Skill guides AI agents through critical performance issues to automate codebase maintenance tasks for React and Next.js applications.

Yes, you need prior knowledge of React and Next.js to use these performance optimization guidelines. The Skill is designed for AI agents and requires understanding of automated code analysis and refactoring tools to maintain and improve the codebase effectively.

This approach handles bundle size and server-side rendering optimization by providing targeted rules for AI agents to analyze and refactor code. It focuses on critical performance issues, enabling automated code generation and maintenance for React and Next.js applications.

You should not use an AI agent for React code generation when lacking prerequisite knowledge of React and Next.js or the necessary tools for automated code analysis. The Skill relies on predefined rules and impact metrics, requiring an existing codebase to refactor.