/web--gsap-preloader

/web--gsap-preloader es una skill de Claude Code de la sección Web y Diseño. Crea pantallas de carga animadas con GSAP: barras de progreso, contadores de porcentaje, logos animados, esqueletos y secuencias de entrada cinematográficas.

Descripción del autor (traducida)

Preloaders con GSAP: barras de progreso, logos animados, pantallas skeleton, contadores numéricos y secuencias de carga cinematográficas

Cómo pedírselo

/web--gsap-preloader crea una pantalla de carga con mi logo animado
/web--gsap-preloader añade una barra de progreso antes de entrar a la web
/web--gsap-preloader haz un contador numérico animado en el preloader

Instalar

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

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

Demo en camino

/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í
/web--landing-pageLanding page de alto nivel
Genera una landing page única y orientada a la conversión, con copy redactado primero y un proyecto Next.js completo; prohíbe los patrones típicos de IA.
Hecha aquí
/web--spa-scaffoldArranque de una SPA profesional
Monta la estructura de una SPA lista para producción: elige el stack según tus requisitos y añade carga diferida, estados de error y accesibilidad.
Hecha aquí
/web--ui-components-proComponentes de interfaz cuidados
Crea componentes de interfaz en React y TypeScript con animaciones, estados de carga y error, y accesibilidad incluida.
Hecha aquí

Cómo pedírselo

Instalar

Más de esta sección