vercel-labs/next-browser

CLI que proporciona a los agentes lo que los humanos obtienen de React DevTools y la superposición de desarrollo de Next.js: árboles de componentes, props, hooks, shells de PPR, errores y red, como comandos de shell que devuelven texto estructurado.

¿Qué es next-browser?

Esta habilidad proporciona un CLI (interfaz de línea de comandos) llamada `next-browser` que permite a los agentes de IA, como Claude Code o Cursor, inspeccionar aplicaciones Next.js de manera similar a como un desarrollador humano usaría React DevTools o la superposición de desarrollo de Next.js. Los comandos exponen información estructurada sobre árboles de componentes, props, hooks, shells de Partial Prerendering (PPR), errores de compilación y solicitudes de red, todo como texto legible por máquina. Es especialmente útil para automatizar la depuración, la verificación de componentes o la comprensión del estado de una aplicación Next.js sin intervención manual. Funciona en cualquier sistema que ejecute Node.js y se integra directamente con los asistentes de código al devolver salida estructurada que los agentes pueden analizar.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vercel-labs/next-browser/tree/main/skills/next-browser

Installed? Explore more Productividad y colaboración skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace next-browser?

CLI que proporciona a los agentes lo que los humanos obtienen de React DevTools y la superposición de desarrollo de Next.js: árboles de componentes, props, hooks, shells de PPR, errores y red, como comandos de shell que devuelven texto estructurado.

Skills relacionados