Ir al contenido
Curso gratuito y abierto a todos. Las lecciones mejoran gracias a tus comentarios.
Idioma : ES

Desarrollo web y de software Verificado con la documentación Intermedio

vercel-react-best-practices

vercel-labs/agent-skills

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

Por ahora, las descripciones de los skills están en francés. La interfaz está en español; las fichas se traducirán más adelante.

Texto de ficha en revisión: la información técnica está verificada, la redacción aún no la ha validado una persona.

Para qué sirve

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.

Para quién

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.

Ejemplos de peticiones

  • « 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 ? »

Límites

  • 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.

Instalar este skill

Requisitos : Projet React

Copia el comando, pégalo en tu terminal (Mac) o en PowerShell (Windows) y confirma tú mismo cuando el programa te lo pida.

Comando (última versión publicada)

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

El comando npx necesita Node.js 22.20 o posterior. Windows : si la création de liens échoue : ajouter --copy (non testé).

Comando fijado en la versión verificada

Comando fijado en la versión verificada

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

Comando verificado con la documentación, aún no probado por Neurylio.

Antes de instalar. Lee el archivo SKILL.md en GitHub, comprueba de dónde viene el skill y qué puede hacer. Las lecciones del módulo 7 te explican cómo:

Volver a la biblioteca