React Best Practices

Apply performance guidance for React and Next.js from Vercel Engineering.

Install with skills CLI

npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices

Choose your target agent when the installer prompts. Installation target does not mean this listing has tested every agent.

Production React Web

Build: Guides React and Next.js implementation and performance decisions.

A prioritized set of rules for reviewing and improving React and Next.js code, with emphasis on rendering, data flow, and bundle performance.

Review React code

Improve Next.js performance

Guide component architecture

Use scalable React composition patterns and avoid brittle boolean-prop APIs.

Frontend npx install

Ship less templated landing pages, portfolios, and interface redesigns.

Frontend npx install

Build distinctive interfaces with intentional typography, composition, and visual direction.

Frontend npx install