Habilidades performance-vitals

📦

performance-vitals

Name: performance-vitals
Author: Doyajin174

v1.0 Revisão do conteúdo r1 Seguro ⚡ Contém scripts⚙️ Comandos externos🌐 Acesso à rede

Otimizar Core Web Vitals

Regressões de desempenho são difíceis de detectar quando as equipes analisam LCP, INP e CLS tarde demais. Esta skill oferece a Claude, Codex e Claude Code orientações focadas para medir, diagnosticar e corrigir problemas de Core Web Vitals.

Suporta: Claude Codex Code(CC)

🥉 78 Bronze

Instalar com meu Agente

Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.

Solicitação do agente

Review the Skillstore skill "performance-vitals" from https://skillstore.io/skills/doyajin174-performance-vitals.md and its manifest at https://skillstore.io/api/skills/doyajin174-performance-vitals/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.

Recursos legíveis por agentes

Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.

Detalhe em Markdown GET /skills/doyajin174-performance-vitals.md manifest assinado GET /api/skills/doyajin174-performance-vitals/manifest lockfile assinado GET /api/skills/doyajin174-performance-vitals/lockfile

Testar

Usando "performance-vitals". Uma página inicial tem uma imagem hero lenta e LCP acima de quatro segundos.

Resultado esperado:

A resposta identifica a imagem hero como o provável elemento de LCP e recomenda carregamento prioritário, formatos modernos, dimensões e verificações no servidor.

Usando "performance-vitals". Uma caixa de pesquisa atrasa a entrada digitada quando a lista de resultados é atualizada.

Resultado esperado:

A resposta separa atualizações urgentes de entrada do trabalho de resultados adiado e recomenda dividir tarefas longas ou usar um worker para processamento pesado.

Usando "performance-vitals". Uma página de marketing desloca o layout quando fontes e banners carregam.

Resultado esperado:

A resposta recomenda reservar espaço, definir dimensões de mídia, usar controles de exibição de fontes e evitar animações que alterem o layout.

Auditoria de segurança

Seguro

v8 • 05/07/2026 Abrir o relatório versionado

Static alerts are caused by Markdown code fences, placeholder URLs, a local Web Worker sample, and a Lighthouse example command. I found no evidence of prompt injection, credential access, arbitrary command construction, or unauthorized data exfiltration in SKILL.md.

Arquivos analisados

395

Linhas analisadas

Itens de revisão

Falsos positivos ignorados

A auditoria estática e semântica concluída mais recente não detectou achados de segurança confirmados. Isso não comprova que a skill não tenha efeitos colaterais.

Auditado por: codex Ver histórico de auditoria →

Compartilhar e citar este relatório

Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.

Abrir o relatório versionado

Copiar link do relatório

https://skillstore.io/skills/doyajin174-performance-vitals/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/doyajin174-performance-vitals/security.svg)](https://skillstore.io/skills/doyajin174-performance-vitals?utm_source=security_passport_badge)

Badge HTML

<a href="https://skillstore.io/skills/doyajin174-performance-vitals?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/doyajin174-performance-vitals/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Cartão incorporável

<iframe src="https://skillstore.io/embed/skills/doyajin174-performance-vitals.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citações acadêmicas (APA · BibTeX · CFF)

Citação APA

Doyajin174. (2026). performance-vitals security audit report (audit version 8) [Author version 1.0]. Skillstore. https://skillstore.io/skills/doyajin174-performance-vitals/audits/8

Citação BibTeX

@techreport{doyajin174-doyajin174-performance-vitals-2026,
  author = {Doyajin174},
  title = {performance-vitals security audit report (audit version 8)},
  institution = {Skillstore},
  year = {2026},
  number = {8},
  url = {https://skillstore.io/skills/doyajin174-performance-vitals/audits/8},
  note = {Author version 1.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "performance-vitals security audit report (audit version 8)"
version: "1.0"
type: report
authors:
  - name: "Doyajin174"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/doyajin174-performance-vitals/audits/8"
identifiers:
  - type: other
    value: "skillstore:doyajin174-performance-vitals:audit:8"
    description: "Skillstore immutable audit report identifier"

Pontuação do Skillstore

Por que esta pontuação Confiança das evidências: Alto

Arquitetura

Manutenibilidade

Conteúdo

Comunidade

Conformidade com a especificação

O que você pode criar

Revisar um Recurso Frontend

Verifique uma nova página ou componente em busca de possíveis regressões de LCP, INP e CLS antes do lançamento.

Criar uma Lista de Verificação de Desempenho

Crie uma lista de verificação compartilhada para revisar carregamento de imagens, latência de interação, estabilidade de layout e monitoramento.

Planejar Gates de Lighthouse CI

Defina cobertura de rotas e orçamentos de desempenho que possam detectar regressões durante verificações de pull request.

Teste estes prompts

Verificar o Básico de Core Web Vitals

Revise minha página quanto a riscos de LCP, INP e CLS. Explique as causas prováveis e sugira as primeiras correções.

Otimizar um Recurso React

Revise este recurso React quanto a latência de entrada, deslocamento de layout e bloqueio de renderização. Sugira mudanças que eu possa aplicar antes do lançamento.

Planejar Orçamentos de Lighthouse CI

Crie um plano de orçamento de desempenho do Lighthouse CI para estas rotas. Explique quais limites devem reprovar um pull request.

Diagnosticar Regressão em Produção

Compare estes resultados do Lighthouse e de dados de campo. Identifique a origem provável da regressão e crie um plano de correção priorizado.

Boas práticas

Meça as páginas antes e depois de cada otimização.
Trate LCP, INP e CLS como modos de falha separados.
Use orçamentos de CI e monitoramento de campo para detectar regressões.

Evitar

Otimizar apenas pontuações de laboratório enquanto ignora dados de campo.
Adicionar scripts de terceiros sem medir atraso de entrada.
Carregar imagens ou conteúdo dinâmico sem espaço reservado.

Perguntas frequentes

Esta skill executa auditorias automaticamente?

Não. Ela fornece orientação de revisão e comandos de exemplo. O usuário ou agente deve executar ferramentas de medição separadamente.

Quais métricas ela cobre?

Ela cobre LCP, INP e CLS. Ela também observa que INP substituiu FID em Core Web Vitals.

Ela pode ajudar com projetos Next.js?

Sim. Ela inclui padrões de imagem, fonte, CSS e interação React no Next.js.

Ela exige acesso à rede?

Não por conta própria. Exemplos do Lighthouse e links de referência usam URLs placeholder ou públicas quando os usuários escolhem executá-los.

Ela pode substituir o monitoramento de campo?

Não. Use Search Console, Real User Monitoring ou dados de web-vitals para validação em produção.

Ela é apenas para desenvolvedores?

Não. Líderes e usuários de DevOps podem usá-la para listas de verificação de revisão e orçamentos de CI.

Detalhes do desenvolvedor

Autor

Doyajin174

Licença

MIT

Versão do autor

v1.0

Revisão da Skillstore

Aviso de versão

A versão declarada pelo autor não é um SemVer válido.

Repositório

https://github.com/Doyajin174/myskills/tree/main/.public/skills/performance-vitals

Referência

c579efd02184f1128d6741d16e6c8d951d7d4208

Atualidade da manutenção

18/07/2026

Uso

5 downloads · 245 visualizações

Estrutura de arquivos

📄 SKILL.md

performance-vitals

Instalar com meu Agente

Recursos legíveis por agentes

Testar

Auditoria de segurança

Fatores de risco

Copiar link do relatório

Badge Markdown

Badge HTML

Cartão incorporável

Citação APA

Citação BibTeX

CITATION.cff

Pontuação do Skillstore

O que você pode criar

Revisar um Recurso Frontend

Criar uma Lista de Verificação de Desempenho

Planejar Gates de Lighthouse CI

Teste estes prompts

Boas práticas

Evitar

Perguntas frequentes

Detalhes do desenvolvedor