# Animación de SVG con GSAP (/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.

- Versión web: https://skills.sgomez.dev/es/s/web--gsap-svg-morphing
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: Santiago Gómez de la Torre
- Licencia: MIT
- Código: https://github.com/sgomez-dev/claude-skills/blob/main/skills/web/gsap-svg-morphing.md
- Actualizada el 31 mar 2026

## 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

macOS · Linux:

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

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```

Plugin de Claude Code:

```
/plugin marketplace add sgomez-dev/claude-skills
/plugin install web-skills@claude-skills-collection
```

## Permisos

- Lee: `**/*`
- Escribe: `**/*`
- Ejecuta: `npm install`, `pnpm add`
- Red: No
- Destructiva: No

## 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 revisamos esto](https://skills.sgomez.dev/es/methodology.md)