/web--gsap-hero-cinematic

/web--gsap-hero-cinematic es una skill de Claude Code de la sección Web y Diseño. Crea la cabecera de una web con GSAP: revelados por capas, parallax 3D, tipografía animada y vídeo de fondo, con alternativa para movimiento reducido.

Descripción del autor (traducida)

Secciones hero cinematográficas con GSAP: revelados por capas, parallax 3D, tipografía animada, fondos de vídeo y experiencias de landing inmersivas

Cómo pedírselo

/web--gsap-hero-cinematic crea un hero cinematográfico con vídeo de fondo
/web--gsap-hero-cinematic añade parallax 3D al hero de mi landing
/web--gsap-hero-cinematic anima el título con un efecto de revelado por capas

Instalar

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

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

Demo en camino

/web--gsap-micro-interactionsMicrointeracciones con GSAP
Implementa en React microinteracciones con GSAP: cursor personalizado, botones magnéticos, tarjetas con inclinación, focos de luz e indicadores de scroll.
Hecha aquí
/web--gsap-page-transitionsTransiciones de página con GSAP
Crea transiciones entre páginas en React y Next.js con GSAP: barridos de overlay, elementos compartidos y animaciones de ruta coordinadas.
Hecha aquí
/web--gsap-preloaderPantallas de carga con GSAP
Crea pantallas de carga animadas con GSAP: barras de progreso, contadores de porcentaje, logos animados, esqueletos y secuencias de entrada cinematográficas.
Hecha aquí
/web--gsap-scroll-experienceAnimaciones de scroll con GSAP
Crea experiencias guiadas por el scroll con GSAP ScrollTrigger: parallax, elementos fijados, scroll horizontal y animaciones ligadas al desplazamiento.
Hecha aquí
/web--gsap-svg-morphingAnimación de SVG con GSAP
Anima formas SVG con GSAP: trazado de rutas, morphing, iconos animados, formas orgánicas, divisores de onda y movimiento a lo largo de una ruta.
Hecha aquí
/web--gsap-text-fxEfectos de texto con GSAP
Crea tipografía cinética con GSAP en React: texto dividido por letras o palabras, scramble, glitch, rotación 3D, degradado animado y texto sobre curva.
Hecha aquí

Cómo pedírselo

Instalar

Más de esta sección