optimize

Visão Geral

A skill optimize foi criada para ajudar desenvolvedores a diagnosticar e resolver sistematicamente problemas de desempenho da interface em aplicações web. Ela foca em questões comuns como tempos de carregamento lentos, interações travadas, animações irregulares, imagens muito grandes e bundles inchados. Se seus usuários reclamam de lentidão ou você quer entregar uma experiência mais rápida e fluida, o optimize oferece estratégias práticas e verificações para guiar seu fluxo de trabalho.

Quem Deve Usar o optimize?

• Desenvolvedores frontend e engenheiros web
• Equipes focadas em melhorar os Core Web Vitals
• Qualquer pessoa que esteja solucionando interfaces lentas, travadas ou que consomem muitos recursos

Quais Problemas o optimize Resolve?

• Identifica gargalos no carregamento, renderização e tempo de execução
• Fornece orientações passo a passo para medir e melhorar o desempenho
• Aborda otimização de imagens, redução do bundle, suavidade das animações e mais

Como Usar

Passos para Instalação

1. Instale o optimize com o comando:
   npx skills add https://github.com/pbakaus/impeccable --skill optimize
2. Consulte o arquivo SKILL.md para um fluxo de trabalho estruturado e conselhos práticos.
3. Explore arquivos de suporte como README.md, AGENTS.md e metadata.json para contexto adicional, se disponíveis.

Primeiros Passos

• Comece medindo o desempenho atual da sua aplicação usando métricas como Core Web Vitals (LCP, FID/INP, CLS), tempo de carregamento, tamanho do bundle e estatísticas de execução.
• Use o optimize para identificar gargalos específicos, como imagens grandes, JavaScript pesado ou problemas de layout.
• Siga as estratégias de otimização descritas na skill, incluindo:
  • Otimização de imagens (formatos modernos, compressão, carregamento preguiçoso)
  • Redução do tamanho do bundle
  • Melhoria da performance de animações e renderização
  • Minimização de requisições de rede

Adaptando ao Seu Projeto

• Personalize o fluxo de trabalho para se adequar ao seu repositório, ferramentas e restrições.
• Sempre meça antes e depois das alterações para garantir melhorias reais.

Perguntas Frequentes

O optimize é adequado para todos os projetos web?

O optimize é ideal para projetos onde o desempenho da interface é uma preocupação ou quando os usuários relatam lentidão ou travamentos. É especialmente útil para equipes que buscam melhorar os Core Web Vitals ou reduzir o tamanho do bundle.

Quais arquivos devo revisar primeiro?

Comece pelo SKILL.md para entender o fluxo principal. Verifique outros arquivos no diretório da skill para obter contexto mais aprofundado.

Como o optimize ajuda na otimização de imagens?

A skill oferece dicas práticas para usar formatos modernos, dimensionamento adequado, compressão, carregamento preguiçoso e entrega via CDN para acelerar o carregamento das imagens.

O optimize pode ser usado para desempenho móvel?

Sim, o optimize inclui orientações para diagnosticar problemas que afetam usuários móveis, como conexões lentas e limitações dos dispositivos.

Onde posso encontrar mais detalhes?

Abra a aba Files para explorar toda a árvore de arquivos, incluindo referências e scripts auxiliares para otimização avançada.