Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Core Web Vitals skill
Otimiza os Core Web Vitals (LCP, INP, CLS) usando dados de campo e de laboratório
- instalações
- 32 mil
- estrelas no GitHub
- 2.989
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 24 de agosto de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP",…
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 Core Web Vitals 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 Core Web Vitals, 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.
Levar essa skill
1x core-web-vitalsR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/addyosmani/web-quality-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.
Na mesma prateleira
Ver as 1.731 skills do corredorantfu
vite
O Claude mexe no seu projeto Vite com a documentação da versão 8 na mão, incluindo o que mudou com a chegada do Rolldown.Auditada39,9 mil instalações, grátisvue
Os componentes Vue saem no padrão atual da versão 3.5, com props, eventos e v-model tipados e a reatividade certa pra cada caso.Auditada35,8 mil instalações, grátisavdlee
swiftui-
O Claude escreve e revisa telas SwiftUI seguindo as regras da Apple, troca API velha pela atual e acha o que deixa o app lento.Auditada35,1 mil instalações, grátisexpert- skill twostraws
swiftui-
O Claude revisa seu app SwiftUI e entrega a lista do que corrigir, com linha, regra, código de antes e depois e o que atacar primeiro.Auditada35,1 mil instalações, grátispro Expo
expo-
O Claude monta folhas que sobem de baixo, seletores, sliders e menus nativos no seu app Expo, com o mesmo código rodando no iPhone, no Android e na web.OficialAuditada31,8 mil instalações, grátisui expo-
O Claude monta telas de app Expo com a cara de cada sistema, que seguem o modo escuro sozinhas e só são entregues depois de testar o caminho principal.Oficial31,6 mil instalações, grátisnative- ui Callstack Incubator
react-
O Claude mede onde o app React Native engasga, aplica a correção certa e mede de novo pra provar que melhorou.OficialAuditada30,2 mil instalações, grátisnative- best- practices expo-
O Claude organiza as telas do seu app em Expo Router do jeito que o próprio time do Expo recomenda, com abas, pilhas e modais nativos.OficialAuditada27,9 mil instalações, grátisrouter
Mais da loja addyosmani
Ver a loja addyosmaniaddyosmani
security-
Protege o código contra vulnerabilidades: entrada de usuário, autenticação e armazenamento de dadosAuditada70 mil instalações, grátisand- hardening frontend-
Constrói interfaces acessíveis, responsivas e prontas para produção, com componentes e páginasAuditada67,2 mil instalações, grátisui- engineering performance-
Otimiza a performance de front-end, back-end, queries e bancos de dados, medindo antes de mexerAuditada65 mil instalações, grátisoptimization spec-
O Claude para de sair codando no chute: primeiro escreve o que vai ser feito e como saber que ficou pronto, e só segue com o seu ok.Auditada64,8 mil instalações, grátisdriven- development planning-
Quebra um trabalho em tarefas pequenas, ordenadas e verificáveis a partir de uma specAuditada64,1 mil instalações, grátisand- task- breakdown accessibility
Audita e melhora a acessibilidade web seguindo a WCAG 2.2, de leitor de tela a contrasteAuditada64,1 mil instalações, grátisdocumentation-
Registra decisões de arquitetura (ADRs) e documenta o porquê das escolhas feitas no códigoAuditada63,7 mil instalações, grátisand- adrs debugging-
Guia a depuração sistemática até a causa raiz quando teste falha, build quebra ou algo para de funcionar62,6 mil instalações, grátisand- error- recovery api-
Guia o desenho de APIs REST e GraphQL e de interfaces públicas estáveis e difíceis de usar erradoAuditada62,4 mil instalações, grátisand- interface- design test-
Conduz o desenvolvimento com testes no ciclo red-green-refactor, escrevendo o teste antes do códigoAuditada61,8 mil instalações, grátisdriven- development incremental-
Entrega mudanças em fatias finas e verificáveis, implementando e testando uma peça de cada vezAuditada61,7 mil instalações, grátisimplementation context-
Ajusta o contexto do agente para ele render melhor ao iniciar sessão ou trocar de tarefa61,4 mil instalações, grátisengineering