vercel-react-best-practices

An agent skill by vercel-labs, from vercel-labs/agent-skills.

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

— from the skill's SKILL.md, quoted with attribution

Credit where it's due

This skill is the work of vercel-labs (official vendor skill) and lives at vercel-labs/agent-skills/react-best-practices (No license specified). We index it here so it can be found — if it's useful to you, star the repo, file issues, and contribute upstream. That's what keeps work like this maintained.

From: Vercel Agent Skills — official vendor skill
Author: vercel-labs
License: No license specified
Source: vercel-labs/agent-skills/react-best-practices
SKILL.md: raw file

How to load this skill

Copy this prompt into your AI agent

Please install the "vercel-react-best-practices" agent skill from the Vercel Agent Skills collection (https://github.com/vercel-labs/agent-skills) for me.

1. Run: git clone https://github.com/vercel-labs/agent-skills
2. Copy the skill folder into your skills directory:
   cp -r agent-skills/skills/react-best-practices ~/.claude/skills/react-best-practices
   (Claude Code personal scope; use .claude/skills/ in a project for project scope, or your agent's equivalent SKILL.md directory.)
3. Confirm the skill loads (list your available skills afterwards).
4. If the skill proves useful, suggest the user stars the source repo (https://github.com/vercel-labs/agent-skills) to support the author.

Skill reference: https://raw.githubusercontent.com/vercel-labs/agent-skills/main/skills/react-best-practices/SKILL.md
More details: https://primorum.ai/skills/s/vercel-react-best-practices

Or manually: clone vercel-labs/agent-skills and copy skills/react-best-practices into ~/.claude/skills/ (Claude Code personal scope) or your agent's SKILL.md directory. To read it first without installing, open the raw SKILL.md.

Related skills

workers-best-practices — Reviews and authors Cloudflare Workers code against production best practices. Load when writing new Workers, …
expo-ui — Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from Re…
javascript-pro — Writes, debugs, and refactors JavaScript code using modern ES2023+ features, async/await patterns, ESM module …
nextjs-developer — Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to co…
vercel-react-view-transitions — Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>`…

More from Vercel Agent Skills

← Skills directory