SKILL30Motion
Engenharia de Animações com GSAP
Implementa efeitos escolhidos em GSAP como subsistemas de React ou Next.js isolados, seguros no ciclo de vida, responsivos e verificáveis.
Principal benefício
Entrega animações GSAP confiáveis durante redimensionamentos, mudanças de rota, remontagens e preferências de acessibilidade.Quando usar
Use quando GSAP tiver sido escolhido para animações em React ou Next.js, especialmente para timelines, ScrollTrigger, pinning, scrub, SplitText, Flip, SVG, animação responsiva, ciclo de vida de plugins, limpeza ou bugs de integração relacionados a animações.
Quando não usar
Não use quando a tecnologia de animação ou a direção de motion ainda estiver indefinida, nem quando o problema principal for o profiling em runtime.
Casos de uso
Construir uma timeline isolada em React com limpeza correta
Corrigir pinning responsivo e ciclo de vida do ScrollTrigger
Prompts de exemplo
Use engineering-gsap-animations para implementar esta timeline escolhida em GSAP com ciclo de vida correto no React e comportamento para redução de movimento.Instalar esta skill
Escolha o comando do seu sistema operacional e execute na raiz do repositório.
Bash
./install.sh --skill engineering-gsap-animationsPowerShell
./install.ps1 --skill engineering-gsap-animationsChatGPT
Baixar ZIP da skillCompatibilidade
- Ambientes
- ChatGPT · Codex · Claude Code
- Sistemas operacionais
- Linux · macOS · Windows
- Modos de instalação
- PluginSistema de arquivos
Dependências
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.