# next.js - 24 Claude Skills de vercel > Skills del repositorio vercel/next.js para contribuir al framework: PRs, migraciones de flags, benchmarks, docs y depuración de runtime. Fuente: https://skillsagentes.com/skills/vercel/next.js Markdown: https://skillsagentes.com/skills/vercel/next.js.md Repositorio del framework Next.js que además indexa skills internas para mantener su propio código: herramientas de desarrollo, testing y documentación del proyecto. ## Instalar el pack entero ```bash npx -y skills add vercel/next.js --agent claude-code ``` Instala los 24 skills en el proyecto actual. Añade `-g` para toda la máquina, y cambia `--agent` por `cursor`, `codex`, `gemini`, `windsurf` o `cline`. ## Qué cubre Este pack no enseña a construir aplicaciones con Next.js, sino a trabajar sobre su propio código fuente. Incluye skills para el flujo de contribución como Create Pr, Backport Pr y Gh Stack, para tocar partes internas del runtime como Dce Edge, V8 Jit, React Vendoring o Next Rspack, y para adoptar funcionalidades experimentales del propio framework con Flags, Next Cache Components Adoption o Next Partial Prefetching Adoption. En testing hay skills como Sandbox Bench, Next Dev Loop, Pr Status Triage y Router Act, y en documentación Update Docs, Write Api Reference y Write Guide. Quien instalaría el pack completo es alguien que colabora regularmente con el equipo de Next.js o mantiene un fork cercano al canary: necesita moverse entre backports, sincronización de React, optimización del JIT y escritura de documentación oficial en el mismo flujo de trabajo, no solo una tarea aislada. No cubre el uso de Next.js como consumidor final de la API del framework (rutas, componentes, data fetching en una app típica); todas las skills apuntan hacia el mantenimiento y desarrollo del propio proyecto vercel/next.js. ## Datos del repositorio - Publicado por: [vercel](https://skillsagentes.com/creators/vercel.md) - Skills indexados: 24 - Categorías: Herramientas para desarrolladores, Testing y QA, Documentos - Estrellas: 142096 - Licencia: MIT - Último push: 2026-09-05 - [Código fuente](https://github.com/vercel/next.js) ## Los 24 skills - [V8 Jit](https://skillsagentes.com/skills/vercel/next.js/v8-jit.md): Patrones de optimización del JIT de V8 para JavaScript de alto rendimiento en las tripas del servidor de Next.js: clases ocultas, llamadas monomórficas, deopt megamórfica y perfilado. - [Authoring Skills](https://skillsagentes.com/skills/vercel/next.js/authoring-skills.md): Cómo crear y mantener skills de agente en .agents/skills/. Úsalo al crear un SKILL.md, escribir descripciones, elegir campos de frontmatter o decidir qué va en un skill y qué en AGENTS.md. - [Dce Edge](https://skillsagentes.com/skills/vercel/next.js/dce-edge.md): Patrones de require() seguros para eliminación de código muerto y restricciones del runtime edge. Úsalo al escribir require condicionales, proteger imports de Node o editar define-env-plugin.ts. - [Gh Stack](https://skillsagentes.com/skills/vercel/next.js/gh-stack.md): Gestiona PRs apilados y parte el trabajo en ramas revisables con gh-stack: creación, visualización, edición, push, envío, sincronización, rebase, merge y checkout. - [Insight Error Page](https://skillsagentes.com/skills/vercel/next.js/insight-error-page.md): Escribe o audita una página de error de tipo insight para el overlay de desarrollo de Next.js: estructura, alineación del título, tarjetas FixCard, fragmentos de código y verificación de terminología. - [Pr Status Triage](https://skillsagentes.com/skills/vercel/next.js/pr-status-triage.md): Tría fallos de CI y comentarios de revisión de PR con scripts/pr-status.js: prioriza por bloqueo (build, lint, tipos, tests), empareja variables de CI para reproducir en local y distingue flakies. - [React Sync](https://skillsagentes.com/skills/vercel/next.js/react-sync.md): Compila cambios locales de React en las variantes de bundle que consume Next.js, los sincroniza con un checkout local de Next.js y prueba la integración. - [React Vendoring](https://skillsagentes.com/skills/vercel/next.js/react-vendoring.md): Vendorizado de React y fronteras de la capa react-server. Úsalo al editar entry-base.ts, $$compiled.internal.d.ts, los paquetes compiled/react* o copy_vendor_react. - [Runtime Debug](https://skillsagentes.com/skills/vercel/next.js/runtime-debug.md): Flujo de depuración y verificación de regresiones de bundle de runtime y resolución de módulos: espejo del entorno de CI, trazas completas, inspección de trazas de ruta y diff de estadísticas. - [Next Rspack](https://skillsagentes.com/skills/vercel/next.js/next-rspack.md): Mantiene los paquetes @next/rspack-core y @next/rspack-binding: versión npm de @rspack/core, crates rspack_*, toolchain de Rust, compilación local y variable NEXT_RSPACK. No aplica a Turbopack. - [Sandbox Bench](https://skillsagentes.com/skills/vercel/next.js/sandbox-bench.md): Compara el rendimiento de cambios de React o Next.js en VMs de Vercel Sandbox con estadística A/B pareada: rps, latencia, p95, TTFB, RSS y bytes de documento y Flight. - [Update Docs](https://skillsagentes.com/skills/vercel/next.js/update-docs.md): Flujo guiado para actualizar la documentación de Next.js según los cambios de código. Úsalo al preguntar qué documentación hace falta, sincronizar docs con código o documentar una funcionalidad. - [Write Api Reference](https://skillsagentes.com/skills/vercel/next.js/write-api-reference.md): Produce documentación de referencia de API de Next.js — funciones, componentes, convenciones de archivo, directivas y opciones de configuración — como página .mdx con frontmatter, ejemplos y reglas. - [Router Act](https://skillsagentes.com/skills/vercel/next.js/router-act.md): Cómo escribir tests end-to-end con createRouterAct y LinkAccordion. Úsalo al escribir tests que controlan el momento de las peticiones internas de Next.js, como los prefetches. - [Deploy Release Test](https://skillsagentes.com/skills/vercel/next.js/deploy-release-test.md): Valida el paquete de preview de Next.js específico de un commit y dispara manualmente toda la suite de tests de despliegue vía el workflow test_e2e_deploy_release.yml de GitHub Actions. - [Gate Tests](https://skillsagentes.com/skills/vercel/next.js/gate-tests.md): Cómo usar las directivas de test @gate / @force-gate en lugar de it.skip o patrones de skip falso-verde, con las condiciones, el patrón de axis y los comandos de verificación. - [Backport Pr](https://skillsagentes.com/skills/vercel/next.js/backport-pr.md): Lleva un pull request fusionado de Next.js desde canary a una rama de release anterior como next-16-2: localiza el commit, crea la rama, hace cherry-pick, valida y abre el PR. - [Create Pr](https://skillsagentes.com/skills/vercel/next.js/create-pr.md): Crea ramas, commits, pushes y pull requests de GitHub para Next.js. Cubre la plantilla de PR, el formato de --body, las ramas codex/ y las directivas de git de la app Codex. - [Flags](https://skillsagentes.com/skills/vercel/next.js/flags.md): Cómo añadir o modificar flags experimentales de Next.js de principio a fin: tipo, esquema zod, inyección en build, paso de variables en runtime y elección entre ramificar o generar variantes. - [Write Guide](https://skillsagentes.com/skills/vercel/next.js/write-guide.md): Genera guías técnicas que enseñan casos de uso reales con ejemplos progresivos: markdown con frontmatter YAML, introducción, de dos a cuatro pasos y una sección de siguientes pasos. - [Next Cache Components Adoption](https://skillsagentes.com/skills/vercel/next.js/next-cache-components-adoption.md): Activa Cache Components en una app de Next.js y resuelve las rutas bloqueantes que surgen: el flag cacheComponents, errores de blocking-prerender/instant validation y el codemod cache-components-instant-false. - [Next Cache Components Optimizer](https://skillsagentes.com/skills/vercel/next.js/next-cache-components-optimizer.md): Lleva una ruta de Next.js a navegación instantánea bajo Cache Components o PPR mediante un bucle agéntico: codifica el objetivo como un e2e instant() en rojo y lo trabaja hasta verde, ruta a ruta. - [Next Dev Loop](https://skillsagentes.com/skills/vercel/next.js/next-dev-loop.md): Verifica el comportamiento en runtime de Next.js tras editar código de la aplicación. Combina /_next/mcp, la visión de Next.js, con agent-browser, la del navegador. Requiere un next dev en marcha. - [Next Partial Prefetching Adoption](https://skillsagentes.com/skills/vercel/next.js/next-partial-prefetching-adoption.md): Activa Partial Prefetching en una app Next.js y trabaja los insights que surge: flag `partialPrefetching`, `export const prefetch = 'partial'`, auditoría de `Link prefetch={true}` y tests `instant()`. ## Preguntas frecuentes - **¿Qué incluye next.js?** 24 skills indexados en este directorio, repartidos entre 5 categorías, sobre todo Herramientas para desarrolladores, Testing y QA, Documentos. Cada uno es un SKILL.md con sus propios archivos, y en la lista de esta página tienes los 24 con enlace a su ficha. - **¿Cómo instalo todo el pack next.js de una vez?** Con un solo comando: npx -y skills add vercel/next.js --agent claude-code. Instala los 24 skills del repositorio en el proyecto actual. Añade -g al final para dejarlos disponibles en toda la máquina, y cambia --agent si usas Cursor, Codex, Gemini CLI, Windsurf o Cline. - **¿Puedo instalar solo uno de los skills?** Sí. Cada ficha de skill trae su propio comando con el selector --skill, así que puedes coger uno suelto sin traerte los 24. Es lo recomendable si solo necesitas una tarea concreta: cada skill instalado ocupa contexto en tu agente. - **¿Qué licencia tiene next.js?** El repositorio declara licencia MIT. Los archivos son del autor; este directorio solo los indexa y enlaza al origen. - **¿Quién mantiene next.js?** vercel, en GitHub. El último push al repositorio se registró el 5 de septiembre de 2026. --- [Todos los packs](https://skillsagentes.com/skills/packs.md) · [Todas las skills](https://skillsagentes.com/skills.md) Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)