vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

by: vercel-labs
Stars: ★ 30,481
License: MIT

Where it comes from

We index this skill; we do not host it. The app downloads it straight from the repository below, so the author keeps their credit and their licence.

Repository: vercel-labs/agent-skills
Branch: main
Path: skills/react-best-practices
Written in: English
Stars: ★ 30,481
Files: 76
License: MIT

Read it on GitHub ↗

Install it

Read it first, then install. A skill is code that runs inside your agent.

Into

Paste this into Claude, Codex, or whichever agent you use. It reads the source first and tells you what it found before installing.

Read the SKILL.md and its companion files at https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices first.

Then tell me three things:
1. What this skill actually does
2. Whether it runs shell commands, reaches the network, writes files, or touches credentials
3. Whether it is worth adding to this project

If it looks fine, install it: npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices -a claude-code

Read it on GitHub ↗

Where it lands

Claude Code: .claude/skills/<name>/
Claude: Project knowledge
Codex: AGENTS.md
Cursor: .cursor/rules/<name>.mdc
ChatGPT: Custom instructions

The text carries over, but any scripts bundled with it do not — that agent stores skills as a single file.

Add to a tree

Something wrong with this skill?

Report it in the app and it drops out of the catalogue right away.

vercel-react-best-practices

Where it comes from

More from this repository