React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
Ask your Agent
Use this Skill: https://skilld.dev/gh/vercel-labs/agent-skills/react-best-practices
This session only. Nothing lands on disk.
≈133 tokens on demand. Your agent reads this file only when SKILL.md points to it.
Cache object property lookups in hot paths.
Incorrect (3 lookups × N iterations):
for (let i = 0; i < arr.length; i++) {
process(obj.config.settings.value)
}Correct (1 lookup total):
const value = obj.config.settings.value
const len = arr.length
for (let i = 0; i < len; i++) {
process(value)
}Source: SKILL.md on GitHub
This skill provides a comprehensive set of performance optimization and best practice guidelines for React and Next.js applications. No security issues or risky patterns were detected.
No alerts
Risk: LOW · No issues
1/63 files flagged
Signed by skilld at 805687f. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.
Last checked against GitHub last month.
{
"author": "vercel",
"version": "1.0.0"
}Provides 70 React and Next.js performance optimization rules organized by priority, from eliminating waterfalls and bundle size optimization to re-render and rendering performance. Use this skill when writing, reviewing, or refactoring React/Next.js code to apply Vercel's performance patterns for data fetching, component structure, and bundle optimization.
Generated from the current SKILL.md.
Generated from the current SKILL.md. These answers refresh after source changes.