Ir al contenido
Curso gratuito y abierto a todos. Las lecciones mejoran gracias a tus comentarios.
Idioma : ES

Motion design y 3D Verificado con la documentación Intermedio

gsap-core

greensock/gsap-skills

Animations web avec GSAP

Por ahora, las descripciones de los skills están en francés. La interfaz está en español; las fichas se traducirán más adelante.

Texto de ficha en revisión: la información técnica está verificada, la redacción aún no la ha validado una persona.

Para qué sirve

Apprend à l'agent à utiliser GSAP, une bibliothèque d'animation web : mouvements simples, délais, courbes, décalages, et réglage qui respecte les personnes sensibles au mouvement.

Para quién

Tu veux animer des éléments d'une page avec une bibliothèque réputée et souple.

Ejemplos de peticiones

  • « Fais apparaître ces cartes l'une après l'autre avec GSAP. »
  • « Anime ce logo SVG au chargement de la page. »

Límites

  • Il couvre le noyau de GSAP ; le défilement demande le skill gsap-scrolltrigger.
  • Il faut un projet web (React, Vue ou page simple).

Instalar este skill

Requisitos : Projet web

Copia el comando, pégalo en tu terminal (Mac) o en PowerShell (Windows) y confirma tú mismo cuando el programa te lo pida.

Comando (última versión publicada)

npx skills add https://github.com/greensock/gsap-skills --skill gsap-core -a claude-code

El comando npx necesita Node.js 22.20 o posterior. Windows : si la création de liens échoue : ajouter --copy (non testé).

Comando fijado en la versión verificada

Comando fijado en la versión verificada

npx skills add greensock/gsap-skills@aed9cfd3277740755f6bfc1155c7aa645403b760 --skill gsap-core -a claude-code

Comando verificado con la documentación, aún no probado por Neurylio.

Antes de instalar. Lee el archivo SKILL.md en GitHub, comprueba de dónde viene el skill y qué puede hacer. Las lecciones del módulo 7 te explican cómo:

Volver a la biblioteca