vercel-react-best-practices

Skill

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.

Made forCode quality
What you needNode.js and an AI client that supports agent skills
Sources checked2026-11-02

Project links

How to use it

  1. Run the install command in your project folder.
  2. Restart your AI client so it picks up the skill.
  3. Ask for a task that matches the description to try it.

Copy setup details

Use these instructions in your own environment. Copying text here does not run it.

Install command

Run on your own machine to install this skill.

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

Security checks

Automated checks, last run Nov 2, 2026. They can miss problems and do not guarantee a listing is safe. Read the source and what you are asked to run before you use it.