vercel-labs/agent-skills

vercel-react-best-practices

A prioritized React and Next.js performance checklist maintained by Vercel Engineering.

View GitHub

Installs: 682,154
GitHub stars: 30,719

Install this skill

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

Run install commands only after reviewing the repository, SKILL.md, scripts, requested permissions, and recent repository activity.

Skill overview

Vercel React Best Practices, in plain English

A prioritized React and Next.js performance checklist maintained by Vercel Engineering.

This skill is a strong fit for react and Next.js teams that want performance guidance applied consistently while code is being written.Instead of explaining the workflow from scratch each time, you can install it once and give your AI assistant a consistent way to approach the job.

What it helps your AI do

Targets high-impact issues such as request waterfalls and oversized client bundles first.
Covers server rendering, data fetching, hydration, rerenders, and JavaScript hot paths.
Includes concrete rules that work well during implementation, review, or refactoring.

Keep exploring

More frontend & design skills

View category

Anthropic

frontend-design

Gives an agent a stronger visual point of view before it starts writing interface code.

Read the review

Vercel

web-design-guidelines

Reviews interface code against a maintained set of usability, interaction, and accessibility checks.

Read the review

Remotion

remotion-best-practices

Routes an agent through the right Remotion guidance for building video in React.

Read the review