Pagespeed Insights skill

Sua página carrega mais rápido, para de pular na tela e mira nota 90 ou mais em desempenho, acessibilidade, boas práticas e SEO.

por enderpuentes

instalações: 1.100
estrelas no GitHub: 2
No skills.sh desde: fevereiro de 2026
Licença: Sem licença declarada

Atualizada no GitHub em 1º de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

enderpuentes
pagespeed-insights
Sua página carrega mais rápido, para de pular na tela e mira nota 90 ou mais em desempenho, acessibilidade, boas práticas e SEO.Auditada1.100 instalações, grátis

O que ela faz

A skill põe o Claude no papel de auditor do PageSpeed Insights. Conhece as faixas de nota (90 a 100 é bom, abaixo de 50 é ruim), a diferença entre o teste de laboratório do Lighthouse e os dados de visitantes reais, e o limite de cada métrica: LCP até 2,5 s, CLS até 0,1, INP até 200 ms.

Aponta e corrige os vilões comuns: imagem pesada sem WebP ou AVIF, CSS e JavaScript travando a primeira pintura, falta de preconnect e preload, tela que pula por falta de tamanho na imagem, pacote de JavaScript grande demais, fonte mal carregada, falta de cache e script de terceiros bloqueando.

Cobre também acessibilidade (texto alternativo, contraste, rótulos) e SEO básico (meta tags, links descritivos). O roteiro é medir, listar os problemas pelo impacto, corrigir com exemplos de código e medir de novo, uma mudança por vez.

Nas palavras de quem fez

Audit web pages for performance optimization following PageSpeed Insights guidelines. Use when analyzing page performance, optimizing web applications,…

enderpuentes, no SKILL.md

Quando usar

Sua página de vendas está lenta no celular e a nota do PageSpeed está no vermelho
Os Core Web Vitals da página estão fora da faixa boa
Antes de subir anúncio pra uma landing page nova
A página pula enquanto carrega e o botão muda de lugar
Revisar acessibilidade e SEO básico junto com a velocidade

Depois de instalar, é só pedir assim

Audita a velocidade dessa landing page pelas regras do PageSpeed e me dá as correções por ordem de impacto
O LCP no celular está em 4 segundos: descobre o que trava e corrige
Otimiza as imagens e as fontes do site pra tela parar de pular no carregamento

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

Como instalar a Pagespeed Insights no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Pagespeed Insights, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

O que a pagespeed-insights skill precisa pra funcionar?

Só do código do site. Não pede chave nem conta. Ela não traz programa que mede: a nota você tira no pagespeed.web.dev ou no Lighthouse do Chrome, e o Claude usa o resultado pra corrigir e conferir de novo.

Ela garante nota 90?

Não. Ela mira 90 ou mais e mostra o caminho, mas pede pra medir de novo depois de cada mudança e olhar os dados de visitantes reais, não só a nota do laboratório.

Roda no Codex e no Antigravity?

Roda: é um SKILL.md com explicação e exemplos de código, sem nada exclusivo do Claude Code. Qualquer agente que lê skills consegue usar.

Levar essa skill

1x pagespeed-insightsR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/enderpuentes/ai-agent-skills

Aprenda a usar

Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.