Log inSign up
Skills › Frontend & frameworks
vercel-labs logo
#27 by installsFrontend & frameworksvercel-labs/agent-skills

vercel-react-best-practices

69 prioritized React performance rules covering waterfalls, bundle size, re-renders, and advanced patterns

Installs
840K
all time
This week
23.6K
installs
Repo stars
31.9K
GitHub
First seen
Jan 19, 2026
on skills.sh
Install
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices
Works with Claude Code, Cursor, Codex, GitHub Copilot, Windsurf, Gemini CLI and other agents that read SKILL.md.
What it does

React and Next.js performance optimization across 70 rules prioritized by impact. React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…

  • Organized into 8 categories from critical (eliminating waterfalls, bundle optimization) to low priority (advanced patterns), each with specific, actionable rules prefixed for easy reference
  • Covers server-side performance including React.cache() deduplication, parallel fetching, and serialization minimization
  • Addresses client-side concerns: re-render optimization through memoization and dependency management, rendering performance with CSS strategies and hydration patterns
Source on GitHub ↗On skills.sh ↗