optimize

Visão Geral

A skill optimize foi criada para ajudar desenvolvedores a diagnosticar e corrigir sistematicamente problemas de desempenho na interface de aplicações web. Ela foca em melhorar a velocidade de carregamento, eficiência na renderização, fluidez das animações, otimização de imagens e redução do tamanho dos pacotes. Use a optimize quando encontrar interfaces lentas, travadas ou com falhas, ou quando os usuários relatarem problemas de desempenho como longos tempos de carregamento ou interações não responsivas.

Quem Deve Usar a optimize?

• Desenvolvedores frontend que desejam melhorar a velocidade e a responsividade do site.
• Equipes que recebem reclamações de usuários sobre interfaces lentas ou não responsivas.
• Projetos com grandes pacotes JavaScript, imagens não otimizadas ou problemas em animações.

Problemas que a optimize Resolve

• Carregamento inicial lento e alto tempo para interatividade.
• Imagens grandes ou não comprimidas que impactam o desempenho.
• Renderização ineficiente ou problemas de layout.
• Travamentos e falhas em animações.
• Pacotes JavaScript ou CSS muito grandes.

Como Usar

Passos para Instalação

1. Instale a skill optimize usando o comando:

   npx skills add https://github.com/pbakaus/impeccable --skill optimize

2. Comece lendo o arquivo SKILL.md para uma visão estruturada do fluxo de trabalho e recomendações.

3. Revise arquivos de suporte como README.md, AGENTS.md, metadata.json e pastas relevantes como rules/, resources/, references/ ou scripts/ para obter contexto adicional e ferramentas auxiliares.

Aplicando a optimize no Seu Projeto

• Avalie o Desempenho: Meça métricas atuais como Core Web Vitals (LCP, FID/INP, CLS), tempo de carregamento, tamanho do pacote e desempenho em tempo de execução. Identifique gargalos específicos — sejam imagens grandes, JavaScript pesado ou renderização ineficiente.
• Desenvolva um Plano de Otimização: Priorize correções com base no impacto. Foque em otimizar imagens (formatos modernos, compressão, carregamento preguiçoso), reduzir o tamanho dos pacotes e melhorar o desempenho de renderização e animação.
• Itere e Meça: Sempre faça benchmarks antes e depois das mudanças para garantir que as otimizações tiveram o efeito desejado.

Arquivos Sugeridos para Visualizar

• SKILL.md (fluxo de trabalho principal e recomendações)

Perguntas Frequentes

O que a skill optimize faz?

A skill optimize oferece uma abordagem estruturada para diagnosticar e corrigir problemas de desempenho no frontend, incluindo carregamento lento, atrasos na renderização, problemas em animações e tamanhos grandes de ativos.

Quando devo usar a optimize?

Use a optimize quando sua aplicação estiver lenta, os usuários relatarem travamentos ou falhas, ou quando quiser melhorar métricas como tempo de carregamento e responsividade.

Como começo?

Instale a skill com o comando npx fornecido e siga as orientações no SKILL.md para avaliar e resolver gargalos de desempenho.

Onde encontro mais detalhes ou scripts?

Confira a aba Files no repositório para recursos adicionais, referências e scripts auxiliares que apoiam seu fluxo de otimização.