React best practices

Workflow

Vercel Engineering’s React performance skill includes a companion rule collection. Install the package so the referenced rules remain available.

Run this command in your project after reviewing the instructions and access terms. Install complete upstream directories to keep referenced rules and scripts.

npx skills add https://github.com/vercel-labs/agent-skills/tree/063bee94c3f4df8453406c830b0a7df0f2860278/skills/react-best-practices --skill vercel-react-best-practices --agent claude-code

Project file: .claude/skills/vercel-react-best-practices/SKILL.md

This brief helps you choose the skill. Read the complete upstream SKILL.md and companion files for its actual instructions.

# React best practices (vercel-react-best-practices)
Vercel Engineering’s React performance skill includes a companion rule collection. Install the package so the referenced rules remain available.

## Use when
- Write, review or refactor React or Next.js code.
- Investigate unnecessary rendering or slow data loading.

## Required inputs
- React or Next.js repository
- Performance symptoms or implementation task

## Prerequisites
- React or Next.js project.
- Install the complete upstream skill directory, including its rules.

## Expected outputs
- Prioritized performance changes
- Validation against the relevant rules

Source: https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/skills/react-best-practices/SKILL.md
Full SKILL.md: https://agenttaste.dev/skills/vercel-react-best-practices/SKILL.md