# Webs premium con GSAP (/gpt-tasteskill)

/gpt-tasteskill es una skill de Claude Code de la sección Web y Diseño. La mantiene Leonxlnx y se publica con licencia MIT. Reglas de dirección de diseño para páginas con estructura AIDA, tipografía editorial, cuadrículas bento y animaciones de scroll con GSAP.

- Versión web: https://skills.sgomez.dev/es/s/gpt-tasteskill
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: Leonxlnx
- Licencia: MIT
- Código: https://github.com/Leonxlnx/taste-skill/tree/ce26fc25c0e5e8cab638f883de62d9a86ee5e45b/skills/gpt-tasteskill
- Actualizada el 26 sept 2026

## Cómo pedírselo

- `Diseña una landing page con una estructura AIDA muy cuidada`
- `Quiero un bento grid sin huecos con animaciones GSAP al hacer scroll`
- `Ayúdame a que la tipografía de esta página se vea editorial y no genérica`

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


## Descripción del autor (traducida)

Ingeniero de UX/UI de élite y de movimiento avanzado con GSAP. Impone aleatoriedad real basada en Python para variar el layout, una estructura de página AIDA estricta, tipografía editorial ancha (prohíbe párrafos envueltos en 6 líneas), bento grids sin huecos, ScrollTriggers de GSAP estrictos (pinning, apilado, scrubbing), micro-imágenes en línea y espaciado masivo entre secciones.

- [Cómo revisamos esto](https://skills.sgomez.dev/es/methodology.md)