Web Perf skill

O que ela faz

Abre a página pelo Chrome DevTools MCP, grava um trace com recarga pra medir o carregamento do zero e analisa os insights: a composição do LCP, o que causa CLS, os recursos que travam a renderização, a demora do servidor e as cadeias de requisição.

Depois passa pelas requisições da página atrás de JS e CSS que travam a tela sem async ou defer, fonte e imagem principal sem preload, cache fraco, arquivo grande sem compressão e preconnect que não serve pra nada. Também confere a acessibilidade: contraste, foco e botão sem nome.

Se o código é seu, identifica o framework e o bundler (Next.js, Vite, Webpack, Astro e outros) e procura biblioteca importada inteira, polyfill sobrando e source map em produção. Entrega a tabela dos Web Vitals, os problemas por impacto e as correções com trecho de código. Se o site já está bom, diz isso.

Nas palavras de quem fez

Quando usar

• A nota do PageSpeed caiu depois de uma mudança no site
• A landing page demora pra mostrar a primeira tela no celular
• O layout pula enquanto a página carrega
• Comparar a velocidade do seu site com a de um concorrente

Depois de instalar, é só pedir assim

• Audita a performance de https://meusite.com.br com a web-perf e me diz as três correções que mais ganham tempo
• Por que o LCP da minha home passa de 4 segundos? Olha o trace e o código do projeto

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
• SnykAlerta

Perguntas