/web--gsap-svg-morphing

/web--gsap-svg-morphing es una skill de Claude Code de la sección Web y Diseño. 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.

Descripción del autor (traducida)

Animaciones de morphing y formas SVG: dibujo de trazados con GSAP, morphing de formas, iconos animados, formas blob, separadores tipo onda, animación siguiendo un trazado (motion path)

Cómo pedírselo

/web--gsap-svg-morphing anima este icono para que se dibuje al hacer scroll
/web--gsap-svg-morphing crea una forma blob animada de fondo
/web--gsap-svg-morphing haz que este SVG se transforme (morph) en otra forma

Instalar

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

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

Demo en camino

/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í
/accessibility--a11y-auditAuditoría de accesibilidad WCAG
Revisa el código de un componente o página y lista los fallos de accesibilidad WCAG 2.1, con su gravedad, el criterio incumplido y la corrección en código.
Hecha aquí
/accessibility--a11y-fixCorregir accesibilidad de la interfaz
Lee un componente o página y corrige sus problemas de accesibilidad: HTML semántico, teclado, atributos ARIA y formularios, sin cambiar el diseño visual.
Hecha aquí

Cómo pedírselo

Instalar

Más de esta sección