Saltar al contenido

React and Next.js Best Practices

Las reglas de rendimiento priorizadas de Vercel para escribir y revisar código React.

Oficial del fabricantede VercelVerificado el 18 de octubre de 2026

Instala React and Next.js Best Practices gratis

Deja tu email y los pasos de instalación se abren aquí mismo: un prompt para pegar en tu herramienta de IA. Sirve para las 149 skills.

Sin spam. Te das de baja con un clic. Usamos tu correo para enviarte el curso y consejos de IA.

La guía de Vercel Engineering para apps rápidas con React y Next.js, empaquetada como skill. Las reglas están ordenadas por impacto, empezando por las cascadas de solicitudes y el tamaño del bundle, para que Claude arregle primero lo más importante.

Para quién es

  • Desarrolladores de React
  • Equipos de Next.js
  • Vibe coders

Prompts para probar

Cuando la skill esté instalada, pide el resultado con tus palabras. Tu herramienta de IA usa la skill sola.

Prompt 1
Revisa esta página de Next.js en busca de problemas de rendimiento
Prompt 2
Refactoriza la carga de datos del dashboard para quitar las cascadas
Prompt 3
¿Por qué mi bundle es tan grande? Aplica las buenas prácticas de React

Cómo instalarla

Las skills siguen el estándar abierto Agent Skills, así que esta no depende de una sola empresa. Elige la herramienta de IA que usas. ¿No lo tienes claro? La primera pestaña cubre la mayoría en un solo paso.

Lo más fácil: pega esto en tu herramienta de IA
Instala esta skill para que funcione en todos mis proyectos: ejecuta `npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices -g -y` en mi terminal. Si falta Node.js, dime primero cómo instalarlo. Cuando termines, confirma que la skill quedó instalada y dime cómo empezar a usarla.

O hazlo tú mismo:

Un solo comando instala la skill en las herramientas de IA de tu computadora. Detecta las que tienes y te pregunta en cuáles añadirla: Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode y más de 60 más.

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

Necesitas tener Node.js instalado (gratis, en nodejs.org). La opción -g hace que la skill esté disponible en todos tus proyectos.

Bueno saber: Una de las skills más instaladas en skills.sh.

Desbloquea los pasos de instalación

Gratis. Deja tu email una vez para abrir los pasos de instalación de las 149 skills y recibir cada mes las mejores skills nuevas.

Sin spam. Te das de baja con un clic. Usamos tu correo para enviarte el curso y consejos de IA.

Cómo lo verificamos

Confirmamos la skill en su fuente original el 18 de octubre de 2026: el SKILL.md está donde debe estar, los archivos se actualizaron en el último año y la licencia permite usarla. Todavía no la hemos probado en una tarea.

Más skills que vale la pena ver