optimize

Visão geral do skill optimize

O que o optimize faz

O skill optimize ajuda a diagnosticar e corrigir problemas de performance de UI: primeira carga lenta, bundles pesados, interações travadas, entrega ruim de imagens, deslocamentos de layout e animações com engasgos. Ele é uma boa escolha quando você precisa do skill optimize para Performance Optimization, e não apenas de conselhos genéricos para “deixar mais rápido”.

Quem deve usar

Use optimize se você tem uma reclamação real de performance, uma lentidão mensurável ou um problema de UX que o usuário consegue perceber. Ele é especialmente útil para frontend engineers, full-stack developers e AI-assisted coders trabalhando em web apps, design systems ou sites de marketing.

O que o torna útil

O principal valor do guia optimize é forçar você a medir primeiro e só depois priorizar o gargalo certo. Isso ajuda a evitar cortes aleatórios de bundle ou ajustes de imagem quando o problema real é bloqueio de renderização, JS caro ou uma estratégia de carregamento ruim.

Como usar o skill optimize

Instale o skill optimize

Comece pelo fluxo de instalação de skills do projeto e, em seguida, aponte o skill para o app, página, rota ou componente-alvo que você quer melhorar. Para um optimize install, inclua a parte do produto que parece lenta, além do ambiente em que essa lentidão acontece.

Dê ao skill uma meta de performance

O melhor uso de optimize começa com um objetivo concreto, não com um pedido vago. Bons inputs incluem:

• “Otimize o hero da homepage para melhorar o LCP no mobile”
• “Encontre a maior causa de jank nesta tabela do dashboard”
• “Reduza o tamanho do bundle sem mudar o comportamento visível”
• “Melhore a fluidez da animação durante as transições de painel”

Leia primeiro as partes certas

Comece por SKILL.md e depois inspecione o código do app que controla o caminho lento: entry points da página, busca de dados, uso de imagens, componentes pesados, route loaders e output de build. Se o repo tiver scripts de performance, notas de Lighthouse ou relatórios de bundle, leia isso antes de editar o código.

Trabalhe em um ciclo orientado por medição

Um bom optimize guide segue esta sequência: identifique o gargalo, escolha o menor ajuste que o resolva, valide a mudança e compare antes e depois. Peça métricas ou traces quando houver, porque uma mudança que “parece” mais rápida, mas não melhora o gargalo medido, normalmente não é o ganho certo.

FAQ do skill optimize

O optimize é melhor do que um prompt normal?

Sim, quando a tarefa é especificamente sobre Performance Optimization. Um prompt normal pode sugerir boas práticas genéricas; o skill optimize é melhor quando você quer um diagnóstico estruturado, uma correção direcionada e um processo de decisão que diferencie problema de carregamento de problema de renderização.

De qual input o optimize precisa?

Ele funciona melhor com uma superfície-alvo e um sintoma. Por exemplo: a rota, a classe de dispositivo, o navegador ou a interação que está lenta; o que o usuário percebe; e quaisquer restrições conhecidas, como não atualizar dependências, não mudar o visual ou não alterar contratos de API.

O optimize é indicado para iniciantes?

Sim, se você consegue descrever o problema com clareza. Você não precisa ter experiência profunda em profiling para começar, mas quanto mais específico for o seu relato, mais útil será a saída. Se você disser apenas “deixa mais rápido”, o skill precisa adivinhar onde está o verdadeiro gargalo.

Quando não devo usar o optimize?

Não use para design de funcionalidades, copywriting ou refatoração geral, a menos que performance seja o objetivo real. Se o problema for correção de lógica de negócio, apenas acessibilidade ou redesign visual sem lentidão, outro skill ou prompt é mais adequado.

Como melhorar o skill optimize

Forneça sintoma, escopo e restrição

Os melhores resultados com optimize vêm de inputs que nomeiam três चीजas: o que está lento, onde isso acontece e o que não pode mudar. Exemplo: “A grade de produtos no mobile tem INP ruim; mantenha o layout atual e evite novas dependências.” Isso dá ao skill um limite real para Performance Optimization.

Compartilhe evidências quando tiver

Se você tiver scores do Lighthouse, Web Vitals, output do bundle analyzer, traces de long tasks ou um screenshot da interação lenta, inclua isso. As evidências ajudam o skill a separar percepção de impacto e a escolher correções que movem a métrica, e não só o estilo do código.

Peça o próximo gargalo depois da primeira correção

Otimização é iterativa. Depois da primeira passada, peça ao optimize para reavaliar o gargalo restante, em vez de empilhar mudanças sem relação entre si. Isso mantém o optimize skill focado no trabalho de maior alavancagem e reduz a chance de trocar uma lentidão por outra.