Skip to content
Free and open to everyone. The lessons keep improving thanks to your feedback.
Language : EN

Web and software development Checked against documentation Intermediate

vercel-react-best-practices

vercel-labs/agent-skills

Performance React et Next.js (règles Vercel)

The skill descriptions are in French for now. The interface is in English; the pages will be translated later.

This description is still being proofread: the technical information is checked, the wording has not yet been validated by a human.

What it does

Donne à l'agent une liste de 70 règles de performance pour React et Next.js, classées par importance : attentes en cascade, taille du code, rendu côté serveur, rechargements inutiles. Il s'en sert pour écrire ou relire ton code.

Who it is for

Pour toi qui construis un site en React ou Next.js et veux le rendre plus rapide ou faire relire ton code sur ce point.

Example requests

  • « Relis cette page Next.js et trouve ce qui la ralentit. »
  • « Applique les bonnes pratiques de performance à ce composant React. »
  • « Mon bundle est trop gros, que peut-on alléger ? »

Limits

  • Il suppose un projet React ou Next.js : il n'apporte rien sur d'autres outils.
  • La licence MIT est indiquée dans l'en-tête du skill.
  • Ce sont des règles de performance : elles ne remplacent pas une vraie mesure sur ton site.
  • Les règles de priorité basse ne valent le coup que si les plus importantes sont déjà traitées.

Install this skill

Prerequisites : Projet React

Copy the command, paste it into your terminal (Mac) or PowerShell (Windows), then confirm yourself when the program asks.

Command (latest published version)

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

The npx command needs Node.js 22.20 or later. Windows : si la création de liens échoue : ajouter --copy (non testé).

Command pinned to the checked version

Command pinned to the checked version

npx skills add vercel-labs/agent-skills@1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62 --skill vercel-react-best-practices -a claude-code

Command checked against the documentation, not yet tried by Neurylio.

Before installing. Read the SKILL.md file on GitHub, check where the skill comes from and what it can do. The lessons of module 7 explain how:

Back to the library