Vercel React Best Practices

Developer Tools Education & Learning DevOps & Infrastructure

High-impact React and Next.js performance rules.

A Vercel-maintained performance guide with prioritized rules for waterfalls, bundle size, server rendering, client data fetching, re-renders, and JavaScript execution.

Install

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

Skill content

The instructions an agent receives when this skill is active.

# Vercel React Best Practices ## Purpose A Vercel-maintained performance guide with prioritized rules for waterfalls, bundle size, server rendering, client data fetching, re-renders, and JavaScript execution.

FAQ

What does Vercel React Best Practices do?: A Vercel-maintained performance guide with prioritized rules for waterfalls, bundle size, server rendering, client data fetching, re-renders, and JavaScript execution. High-impact React and Next.js performance rules.
How do I install Vercel React Best Practices?: In a supported agent environment, run: npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices
When should I use Vercel React Best Practices?: Use automatically while writing, reviewing, or optimizing React and Next.js code.
Got an example for Vercel React Best Practices?: Audit this Next.js dashboard for avoidable waterfalls and unnecessary client JavaScript.
Where does Vercel React Best Practices come from?: Source and updates: https://www.skills.sh/vercel-labs/agent-skills/vercel-react-best-practices. Confirm install steps and permissions there before you rely on it.

FAQ

What does Vercel React Best Practices do?

A Vercel-maintained performance guide with prioritized rules for waterfalls, bundle size, server rendering, client data fetching, re-renders, and JavaScript execution. High-impact React and Next.js performance rules.

How do I install Vercel React Best Practices?

In a supported agent environment, run: npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

When should I use Vercel React Best Practices?

Use automatically while writing, reviewing, or optimizing React and Next.js code.

Got an example for Vercel React Best Practices?

Audit this Next.js dashboard for avoidable waterfalls and unnecessary client JavaScript.

Where does Vercel React Best Practices come from?

Source and updates: https://www.skills.sh/vercel-labs/agent-skills/vercel-react-best-practices. Confirm install steps and permissions there before you rely on it.

FAQ

What does Vercel React Best Practices do?

How do I install Vercel React Best Practices?

In a supported agent environment, run: npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

When should I use Vercel React Best Practices?

Use automatically while writing, reviewing, or optimizing React and Next.js code.

Got an example for Vercel React Best Practices?

Audit this Next.js dashboard for avoidable waterfalls and unnecessary client JavaScript.

Where does Vercel React Best Practices come from?

Source and updates: https://www.skills.sh/vercel-labs/agent-skills/vercel-react-best-practices. Confirm install steps and permissions there before you rely on it.