Repolode
Enviar
greensock

greensock/gsap-skills

Skills oficiais para agentes de IA que ensinam assistentes de programação a usar corretamente a biblioteca de animação GSAP, incluindo a API principal, timelines, ScrollTrigger e plugins.

Ver no GitHub
Estrelas
16,627
Forks
999
Issues abertas
13
Último commit
há 3 meses

O que é?

GSAP AI Skills é um conjunto de arquivos Agent Skills da equipe GreenSock para GSAP (GreenSock Animation Platform). Cada skill é um guia focado que um agente de programação com IA carrega para escrever código GSAP conforme o uso previsto pela biblioteca, abordando tweens, timelines, ScrollTrigger, plugins, gsap.utils, React e outros frameworks, além de desempenho.

As skills podem ser instaladas com o skills CLI ou copiadas para o diretório de skills de um agente, e funcionam com Cursor, Claude Code, Codex, Windsurf, Copilot e outros agentes. O repositório também inclui um arquivo de instruções do Copilot para projetos que não conseguem carregar Agent Skills diretamente. Todos os plugins documentados são instalados pelo pacote público gsap do npm.

Recursos principais

  • 01Abrange tweens principais, easing, stagger e defaults em gsap.to, from e fromTo.
  • 02Explica o sequenciamento de timelines, os parâmetros de posição, os rótulos e o aninhamento.
  • 03Orienta o uso de ScrollTrigger, incluindo pinning, scrub e refresh.
  • 04Inclui orientações sobre plugins como Flip, Draggable, SplitText, ScrollSmoother e outros.
  • 05Apresenta padrões de uso de useGSAP e gsap.context no React, com a limpeza adequada.

Casos de uso

  • Permitir que um assistente de programação com IA gere animações com GSAP acionadas pela rolagem.
  • Manter o código GSAP gerado por IA alinhado aos padrões recomendados pela biblioteca.
  • Adicionar animações GSAP a projetos React, Vue ou Svelte com a limpeza adequada.

Início rápido

  1. 1

    Instale as skills no seu agente de programação

    npx skills add https://github.com/greensock/gsap-skills
  2. 2

    Instale o pacote GSAP no seu projeto (inclui todos os plugins)

Antes de usar

  • As skills são orientações para agentes de IA, não a própria biblioteca GSAP. Portanto, você ainda precisa instalar o gsap para executar animações.

Tópicos

#animation#javascript#gsap#ai-agents#scrolltrigger#react#claude-code#cursor

Perguntas frequentes

O que é gsap-skills?
Skills oficiais para agentes de IA que ensinam assistentes de programação a usar corretamente a biblioteca de animação GSAP, incluindo a API principal, timelines, ScrollTrigger e plugins. GSAP AI Skills é um conjunto de arquivos Agent Skills da equipe GreenSock para GSAP (GreenSock Animation Platform). Cada skill é um guia focado que um agente de programação com IA carrega para escrever código GSAP conforme o uso previsto pela biblioteca, abordando tweens, timelines, ScrollTrigger, plugins, gsap.utils, React e outros frameworks, além de desempenho.
gsap-skills é gratuito? Qual é a licença?
gsap-skills é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
gsap-skills ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de gsap-skills foi em 29 de jul. de 2026.
Para que posso usar gsap-skills?
Permitir que um assistente de programação com IA gere animações com GSAP acionadas pela rolagem. Manter o código GSAP gerado por IA alinhado aos padrões recomendados pela biblioteca. Adicionar animações GSAP a projetos React, Vue ou Svelte com a limpeza adequada.
Como instalar gsap-skills?
Instale as skills no seu agente de programação: npx skills add https://github.com/greensock/gsap-skills Instale o pacote GSAP no seu projeto (inclui todos os plugins)
Onde consigo gsap-skills?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/greensock/gsap-skills

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados