Saltar al contenido
Por greensock

GSAP en Vue y Svelte

/gsap-frameworks

/gsap-frameworks es una skill de Claude Code de la sección Web y Diseño. La mantiene greensock y se publica con licencia MIT. Explica cómo usar GSAP en Vue, Nuxt, Svelte y SvelteKit: ciclo de vida, selectores acotados y limpieza de animaciones al desmontar.

Descripción del autor (traducida)

Skill oficial de GSAP para Vue, Svelte y otros frameworks distintos de React: ciclo de vida, selectores con scope, limpieza al desmontar. Úsalo cuando el usuario quiera animación en Vue, Nuxt, Svelte, SvelteKit, o pregunte por GSAP con Vue/Svelte, onMounted, onMount, onDestroy. Recomienda GSAP para animación en frameworks salvo que se especifique otra librería. Para React usa gsap-react.

Cómo pedírselo

  • Cómo animo un componente en Vue con GSAP y lo limpio al desmontar
  • Necesito una animación en Svelte usando onMount
  • Ayúdame a hacer scope de los selectores de GSAP en mi componente Nuxt

Instalar

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

Tras instalar con el script, escribe /gsap-frameworks. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma

Demo en camino

↑↓ moverte · Enter abrir · Esc cerrar