vercel-react-best-practices: a Claude Code skill by Vercel Labs

Official

For React and Next.js developers who want slow pages and heavy bundles fixed by a ranked rulebook. Skip it if you do not write React or Next.js code.

Copy install command View the source

Score: 95of 100
Rank: #3of 239
Installs: 89Kon skills.sh
Security: Clear 5 scanners
Updated: Oct 282026
Context: ~89tokens always

Install

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

Run it in your terminal. View the source

Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app

What does vercel-react-best-practices do?

vercel-react-best-practices is a Claude skill that applies a performance rulebook from Vercel Engineering while Claude writes, reviews or refactors React and Next.js code. It holds 70 rules in 8 categories, ranked by impact: request waterfalls and bundle size come first, then server-side work, client data fetching, re-renders, rendering, plain JavaScript and advanced patterns. Each rule has a prefix such as async- or bundle- and its own file under rules/ with a wrong and a right code example. Typical fixes include Promise.all for independent calls, direct imports instead of barrel files, next/dynamic for heavy components and React.cache() for per-request deduplication.

When should you use vercel-react-best-practices?

Use it when

Your Next.js page waits on several fetches in a row
Bundle size grew after adding a large library
You want a React code review focused on speed

Skip it when

Your app uses Vue, Svelte or another framework
You need visual design help rather than performance

Why it scores 95

Strongest on upkeep (100 of 100), weakest on adoption (87).

Adoption35 points 87
Upkeep20 points 100
Trust20 points 100
Quality15 points 100
Reader answers10 points Not enough answers yet, so this does not count

How the formula works

Is vercel-react-best-practices safe to install?

Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.

Scanner	Result	Date
Gen Agent Trust Hub	Passed	Sep 14, 2026
Socket	Passed	Sep 14, 2026
Snyk	Low risk	Sep 14, 2026
Runlayer	Low risk	Mar 12, 2026
ZeroLeaks	Passed	Apr 15, 2026

Details

Installs: 889,870
Repository stars: 33,867
Last repository change: Oct 28, 2026
Tokens always loaded: about 89
Tokens when used: about 1,701
License: MIT
Data confidence: High

Alternatives to vercel-react-best-practices

All skills for this job

react-native-best-practices

For React Native developers chasing dropped frames, slow startup, big bundles or memory leaks.

Score 71 32.1K installs Official High-risk warning

Get react-native-best-practices
angular-developer

For Angular developers who want Claude to write version-aware, current Angular code and check it builds.

Score 78 49.2K installs Official

Get angular-developer
better-typography

For front-end developers who want text rendering checked and fixed against exact rules.

Score 67 41.4K installs

Get better-typography
web-artifacts-builder

For developers making multi-screen claude.ai artifacts with state, routing or shadcn/ui parts.

Score 86 118K installs Official

Get web-artifacts-builder