Design & Frontend

vercel-react-best-practices

React performance rules wired into your agent's muscle memory

React
Next.js
performance

Platform: Claude Code / Cursor / Codex etc.
Pricing: Free & open source
Author: Vercel Labs

Install

npx skills add vercel-labs/agent-skills/vercel-react-best-practices

Overview

The Vercel team's React / Next.js performance and quality best practices. The agent follows them while generating code — from server-component boundaries to avoiding needless re-renders — like a code reviewer from the React core team on every diff.

Key features

RSC / client-component boundary decision rules
Patterns against re-renders and request waterfalls
Aligned with official Next.js recommendations
Applies at generation time, not just in after-the-fact review

Use cases

Inconsistent quality in AI-written React
Next.js performance work
Unifying frontend code standards across a team

Best for

Everyone writing React / Next.js with AI.

Browse categories

GitHub repo ↗