---
name: vercel-react
description: React and Next.js performance optimization from Vercel Engineering — 70 rules across 8 categories (waterfalls, bundle size, server perf, re-renders). Use when writing, reviewing, or refactoring React/Next.js code.
group: brana
keywords: [react, nextjs, performance, bundle, server-components, optimization, vercel]
allowed-tools: [Read, Glob, Grep, WebFetch, AskUserQuestion]
status: experimental
source: "https://skills.sh/vercel-labs/agent-skills/vercel-react-best-practices"
acquired: "2026-05-17"
quarantine: false
---

<!-- PROCEDURE_FILE: procedures/vercel-react.md -->
This skill's full procedure is in a separate file for startup performance (ADR-034).
Read and execute `system/procedures/vercel-react.md` from the plugin root directory.
If the path doesn't resolve, use Glob to find `**/procedures/vercel-react.md`.