Next Dev Loop skill

O que ela faz

Feita pela equipe do Next.js, põe o Claude no ritmo de mexer e conferir enquanto o next dev roda. O Claude olha o app por dois lados: o /_next/mcp, endereço em que o Next.js informa rotas, erros e logs do servidor, e o agent-browser, que pilota um Chrome de verdade.

Depois de cada mudança, checa quatro coisas: se compila, se roda sem erro, se a tela faz o que devia e se o React se comporta (renderização a mais, tela de carregamento). Antes de mexer, pergunta ao app quais arquivos montam a rota, em vez de vasculhar o código todo.

Guarda o login numa sessão do navegador por pasta do projeto: você entra uma vez e o Claude continua logado nas próximas rodadas. Quando as duas visões discordam, a skill manda desconfiar da ferramenta antes de caçar bug no app.

Nas palavras de quem fez

Quando usar

• Conferir se o botão ou o formulário novo funciona de verdade
• Achar o erro que só aparece com o site aberto
• Testar uma área que pede login, como o painel do cliente
• Ver se uma mudança fez a página renderizar mais do que devia

Depois de instalar, é só pedir assim

• Muda o texto do botão de compra e confere no navegador se a página continua sem erro
• Abre o painel com o navegador visível, eu faço o login e você testa o formulário de cadastro
• Descobre quais arquivos montam a rota /checkout antes de mexer nela

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas