Vercel React Best Practices logo

SKILLS

Vercel React Best Practices

by Vercel Labs

llmai-agentvercel-labs
Visit WebsiteDocumentationGitHub

Overview

Agent skill for React and Next.js performance optimization guidance from Vercel Engineering, intended for writing, reviewing, or refactoring React/Next.js code.

Details

vercel-react-best-practices is an agent skill published in the official Vercel Labs agent-skills repository. The supplied SKILL.md metadata describes it as React and Next.js performance optimization guidelines from Vercel Engineering for writing, reviewing, or refactoring React/Next.js code. Vercel’s documentation lists it under React and Next.js skills and describes it as performance optimization guidance with 40+ rules across eight categories. Vercel’s launch blog says the skill packages more than 10 years of React and Next.js optimization knowledge into a structured repository optimized for AI agents and LLMs.

When to Use

When an AI agent is generating React or Next.js code and should follow Vercel’s documented performance guidance. When reviewing or refactoring React/Next.js code for performance-related best practices. When using Vercel Labs agent skills with supported coding agents such as Claude Code Codex Cursor or OpenCode.

Getting Started

  1. Open the skill directory in the Vercel Labs agent-skills repository: https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices.
  2. Read the README and SKILL.md metadata for the skill’s scope and usage guidance.
  3. Install the skill using the documented command from Vercel’s blog: npx skills add vercel-labs/agent-skills.
  4. Use the Vercel Labs skills CLI documentation to target an agent
  5. list installed skills
  6. update skills
  7. or use a skill without installing it.

Key Features

  • •React and Next.js performance optimization guidelines for AI-agent workflows.
  • •Documented by Vercel as including 40+ rules across eight categories.
  • •Designed for code writing
  • •code review
  • •and refactoring tasks.
  • •Distributed through the official Vercel Labs agent-skills GitHub repository.
  • •Usable through the Vercel Labs skills CLI
  • •which documents support for agents including Claude Code
  • •Codex
  • •Cursor
  • •and OpenCode.

Capabilities

  • •React best-practice guidance
  • •Next.js performance guidance
  • •Performance-focused code review support
  • •Refactoring guidance
  • •Agent-skill installation through the Vercel Labs skills CLI

Last updated Jul 1, 2026