Skills Agentes

Runtime Debug

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.

Oficial
Estrellas
142k

en todo el repo

Actividad
43

0–100, la ruta de este skill

Actualizado
hace 3 meses

último commit aquí

Commits
0

últimos 90 días

Contexto
617 tok

99 tok en reposo

Paquete
1 archivo

2 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add vercel/next.js --skill runtime-debug --agent claude-code

Se instala solo en este repositorio.

Qué hace

  • Flujo de depuración y verificación para regresiones de bundle de runtime y de resolución de módulos
  • Explica cómo espejar el entorno de CI para reproducir en local
  • Muestra las trazas de pila completas con `__NEXT_SHOW_IGNORE_LISTED`
  • Inspecciona las trazas de ruta y compara estadísticas de webpack para probar qué se incluyó
  • Sirve de guardarraíl contra regresiones en el bundle del usuario

Úsalo cuando

  • Diagnosticar inclusiones de módulo inesperadas o regresiones de tamaño de bundle
  • Fallos de CI relacionados con `NEXT_SKIP_ISOLATE`, trazas `nft.json` o la selección del bundle de runtime

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • ¿Por qué ha crecido el bundle?
    • Este módulo no debería estar en el bundle
    • Reproduce este fallo de CI en local

    SKILL.md

    En inglés

    Runtime Debug

    Use this skill when reproducing runtime-bundle, module-resolution, or user-bundle inclusion regressions.

    Local Repro Discipline

    • Mirror CI env vars when reproducing CI failures.
    • Key variables: IS_WEBPACK_TEST=1 forces webpack (turbopack is default), NEXT_SKIP_ISOLATE=1 skips packing next.js.
    • For module-resolution validation, always rerun without NEXT_SKIP_ISOLATE=1.

    Stack Trace Visibility

    Set __NEXT_SHOW_IGNORE_LISTED=true to disable the ignore-list filtering in dev server error output. By default, Next.js collapses internal frames to at ignore-listed frames, which hides useful context when debugging framework internals. Defined in packages/next/src/server/patch-error-inspect.ts.

    User-Bundle Regression Guardrail

    When user next build starts bundling internal Node-only helpers unexpectedly:

    1. Inspect route trace artifacts (.next/server/.../page.js.nft.json).
    2. Inspect traced server chunks for forbidden internals (e.g. next/dist/server/stream-utils/node-stream-helpers.js, node:stream/promises).
    3. Add a test-start-webpack assertion that reads the route trace and traced server chunks, and fails on forbidden internals. This validates user-project bundling (not publish-time runtime bundling).

    Bundle Tracing / Inclusion Proof

    To prove what user bundling includes, emit webpack stats from the app's next.config.js:

    // next.config.js
    module.exports = {
      webpack(config) {
        config.profile = true
        return config
      },
    }
    

    Then use stats.toJson({ modules: true, chunks: true, reasons: true }) and diff webpack-stats-server.json between modes. This gives concrete inclusion reasons (e.g. which module required node:stream/promises) and is more reliable than analyzer HTML alone.

    Related Skills

    • $flags - flag wiring (config/schema/define-env/runtime env)
    • $dce-edge - DCE-safe require patterns and edge constraints
    • $react-vendoring - entry-base boundaries and vendored React

    Reproducido de vercel/next.js bajo licencia MIT. Leer esta página en markdown.

    Archivos

    1 archivo en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Antes de instalar

    Es un skill interno del repositorio de Next.js.

    Detalles

    Creador
    vercel
    Licencia
    MIT
    Recursos incluidos
    Solo SKILL.md
    Repositorio
    vercel/next.js
    Código fuente
    Ver SKILL.md

    Etiquetas

    Más de vercel/next.js

    Este repo incluye 22 skills. Si instalas uno, normalmente ya tienes los demás.

    Activa Cache Components en una app de Next.js y resuelve las rutas bloqueantes que aparecen. Úsalo para adoptar o migrar, activar el flag cacheComponents o decidir entre excluir rutas y arreglarlas.

    Costo de contexto al activarse
    8.1k tok
    Tamaño del paquete
    3 archivos
    Última actualización
    hace 3 días
    Oficialherramientas desarrollo

    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.

    Costo de contexto al activarse
    6.3k tok
    Tamaño del paquete
    6 archivos
    Última actualización
    hace 5 días
    Oficialherramientas desarrollo

    Activa Partial Prefetching en una app de Next.js y resuelve las insights que surgen: audita los Link con prefetch, activa partialPrefetching y opta por rutas con prefetch = 'partial'.

    Costo de contexto al activarse
    6k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 días
    Oficialherramientas desarrollo

    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.

    Costo de contexto al activarse
    2k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 5 días
    Oficialtesting qa

    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.

    Costo de contexto al activarse
    2.3k tok
    Tamaño del paquete
    4 archivos
    Última actualización
    hace 12 días
    Oficialherramientas desarrollo

    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.

    Costo de contexto al activarse
    4.1k tok
    Tamaño del paquete
    13 archivos
    Última actualización
    hace 19 días
    Oficialtesting qa

    Skills relacionados

    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.

    Costo de contexto al activarse
    1k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    Oficialherramientas desarrollo

    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.

    Costo de contexto al activarse
    832 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    Oficialherramientas desarrollo

    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.

    Costo de contexto al activarse
    944 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    Oficialherramientas desarrollo