vercel-labs/next-browser

Ferramenta de linha de comando que fornece a agentes o que humanos obtêm do React DevTools e do overlay de desenvolvimento do Next.js — árvores de componentes, props, hooks, shells PPR, erros, rede — como comandos shell que retornam texto estruturado.

O que é next-browser?

O vercel-labs/next-browser é uma ferramenta CLI projetada para agentes de IA (como Claude Code, Cursor, Codex) que precisam inspecionar e depurar aplicações Next.js e React de forma programática. Ele expõe, via comandos shell simples, informações normalmente acessíveis apenas por interfaces gráficas como React DevTools ou o overlay de desenvolvimento do Next.js: árvores de componentes, props, hooks, shells de Partial Prerendering (PPR), erros de renderização e logs de rede. O objetivo é dar aos agentes a mesma visibilidade contextual que um desenvolvedor humano teria, permitindo automação de diagnóstico, correção de bugs e otimização de performance. A ferramenta retorna dados em formato estruturado (JSON, texto), facilitando o parsing por algoritmos. Funciona em qualquer plataforma que suporte Node.js e Next.js, integrando-se diretamente ao servidor de desenvolvimento ou build da aplicação.

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

Installed? Explore more Produtividade e Colaboração skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que next-browser faz?

CLI que fornece a agentes o que humanos obtêm do React DevTools e do overlay de desenvolvimento do Next.js — árvores de componentes, props, hooks, shells PPR, erros, rede — como comandos shell que retornam texto estruturado.

Habilidades Relacionadas