Skill

React Best Practices

Skill

Vercel’s 40+ rules for React that stays fast.

Official vercel-react-best-practices. Waterfalls, bundles, and the patterns the Next team actually wants.

spec·Apache-2.0·Updated this quarter·github.com/vercel-labs/agent-skills

Claude CodeCursorDesktop
Scanned
npx skills add vercel-labs/agent-skills/vercel-react-best-practices

By Vercel

Input

A React or Next.js tree.

Output

A review against the current rules.

vercel-react-best-practices.skill/invoke

You say

Why is this page slow on first load?

It returns

A client waterfall in the header. Move the fetch up. Rule 12.

Prompt notebook

Prompts this skill is built for.

  • You say

    Why is this page slow on first load?

    It returns

    A client waterfall in the header. Move the fetch up. Rule 12.

  • You say

    Audit the bundle.

    It returns

    Three barrel imports. barrel-optimize notes attached.

What it teaches

  1. 01Waterfalls
  2. 02Bundles
  3. 03Server components