SKILL39Motion
Otimização da Performance de Motion no Frontend
Analisa o trabalho de animação e elimina desperdícios em loops fora da tela, vazamentos de ciclo de vida, efeitos custosos e renderização WebGL sem limites.
Principal benefício
Restaura movimentos fluidos e estáveis sem perder a experiência visual pretendida.Quando usar
Use quando um frontend apresentar rolagem travada, uso excessivo de CPU ou GPU, lentidão em sessões longas, animações executadas fora da tela, loops de WebGL ou RAF, vazamentos de memória relacionados a animações ou efeitos GSAP custosos.
Quando não usar
Não use sem um sintoma mensurado de performance relacionado a motion e não trate o sucesso do build como evidência de runtime.
Casos de uso
Interromper animações e trabalho WebGL fora da tela
Encontrar e remover vazamentos de ciclo de vida ligados a motion durante ciclos de rota
Prompts de exemplo
Use optimizing-frontend-motion-performance para analisar esta lentidão em sessões longas e preservar o motion visível enquanto remove trabalho desperdiçado.Instalar esta skill
Escolha o comando do seu sistema operacional e execute na raiz do repositório.
Bash
./install.sh --skill optimizing-frontend-motion-performancePowerShell
./install.ps1 --skill optimizing-frontend-motion-performanceChatGPT
Baixar ZIP da skillCompatibilidade
- Ambientes
- ChatGPT · Codex · Claude Code
- Sistemas operacionais
- Linux · macOS · Windows
- Modos de instalação
- PluginSistema de arquivos
Dependências
Sem dependências externas
Parte de sistemas
Sistemas curados que incluem canonicamente este método.
Usado em evidências
Relatórios que listam explicitamente este método entre os métodos aplicados.