Pack de 24 skills
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.
indexados aquí
cubiertas
en GitHub
al repositorio
v16.3.4
Funciona con cualquier agente que lea SKILL.md
npx -y skills add vercel/next.js --agent claude-codeInstala todos los skills del repositorio, solo en este proyecto.
Instala los 24 skills del repositorio de una vez. Cada ficha individual trae su propio comando si solo quieres uno — cada skill instalado ocupa contexto en el agente.
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.
Los 24 más populares del pack, sobre Herramientas para desarrolladores, Testing y QA, Documentos.
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.
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.
Fotos profesionales con IA en minutos.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Convierte cualquier web en datos limpios listos para LLMs.
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.
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.
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.
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.
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.
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.
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.
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.
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.
El bloc de notas con IA que transcribe y organiza tus reuniones.
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.
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.
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.
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()`.
Colección de skills orientadas a mantener y extender el propio repositorio del AI SDK de Vercel: añadir proveedores y paquetes harness, migrar versiones y gestionar publicaciones npm, más una skill general para construir con el SDK.
Repositorio del CLI y la plataforma de Vercel, del que este directorio indexa dos skills centradas en operar despliegues desde la terminal y en mantener consistente la experiencia de esa CLI.
Plugin que instala en herramientas de codificación con IA un grafo de conocimiento del ecosistema Vercel junto con skills para Next.js, IA, despliegues, almacenamiento y seguridad.
