Vercel Releases React Best Practices Skill with 40+ Performance Rules for AI Agents

"Vercel, the cloud platform behind Next.js, has released react-best-practices, an open-source repository containing over 40 performance optimization rules for React and Next.js applications. The framework, which encapsulates over a decade of engineering knowledge from Vercel's production codebases, is structured specifically for consumption by AI coding agents and LLMs, though the team notes it is equally valuable for human developers."

"The two highest-priority categories focus on eliminating async waterfalls and reducing bundle size, which Vercel's engineering team identified as the most common root causes of performance issues across production applications. Further categories cover server-side performance, client-side data fetching, re-render optimisation, rendering performance, advanced patterns, and JavaScript micro-optimisations."

"The individual rule files compile into a single AGENTS.md document, designed to be queried by AI agents when reviewing or refactoring code. The framework is distributed as part of Vercel's broader Agent Skills ecosystem, an open format for giving agents new capabilities. Developers can install the skill into tools such as Claude Code, Cursor, Codex, and OpenCode using a single command."

Vercel has released react-best-practices, an open-source repository containing over 40 performance optimization rules for React and Next.js applications. The framework consolidates more than a decade of engineering knowledge from Vercel's production codebases and is structured for consumption by AI coding agents and LLMs, while remaining valuable for human developers. The rules are organized across eight categories prioritized by impact level from CRITICAL to LOW. The highest-priority categories address eliminating async waterfalls and reducing bundle size, identified as the most common performance issue causes. Additional categories cover server-side performance, client-side data fetching, re-render optimization, rendering performance, advanced patterns, and JavaScript micro-optimizations. Each rule includes code examples showing both incorrect and correct patterns. The rules compile into a single AGENTS.md document for AI agent queries during code review and refactoring. The framework is distributed through Vercel's Agent Skills ecosystem, installable into tools like Claude Code, Cursor, Codex, and OpenCode.

Read at InfoQ