Overview
What It Does
Vercel React Best Practices packages a focused devops & cloud workflow for an AI agent. 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. It is best suited to users who can review the resulting actions and provide only the accounts, files, or command access needed for the task. It is not a substitute for human approval on destructive, financial, security-sensitive, or public-facing actions.
Task ideas
Popular Use Cases
- Inspect deployment or infrastructure state
- Automate a repeatable operations task
- Troubleshoot configuration and runtime issues
- Apply documented production practices
Installation
Install this Agent Skill
Claude Code
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practicesCommands derived from the public GitHub SKILL.md record. Checked 2026-09-02. Review the source before running them.
Before you start
Requirements
| Claude Code | Required / review |
| Codex | Required / review |
| Public SKILL.md source | Required / review |
| Review instructions and requested permissions before installation | Required / review |
| Paid service | Check source |
| Supported system | Check source |
Popularity context
Why It’s Popular
Vercel React Best Practices is a verified Agent Skill from vercel-labs with a public SKILL.md, compatible with Claude Code, Codex.
Alternatives
