# Imágenes de diseño de landings (/imagegen-frontend-web)

/imagegen-frontend-web es una skill de Claude Code de la sección Web y Diseño. La mantiene Leonxlnx y se publica con licencia MIT. Genera una imagen horizontal por cada sección de una web, con paleta coherente y variedad de composición, como referencia para programarla.

- Versión web: https://skills.sgomez.dev/es/s/imagegen-frontend-web
- 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/imagegen-frontend-web
- Actualizada el 26 sept 2026

## Cómo pedírselo

- `Genera una imagen de referencia por cada sección de mi landing page`
- `Necesito varios estilos de hero para elegir el que mejor convierta`
- `Diséñame las referencias visuales de mi sitio de marketing con una paleta consistente`

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

Habilidad de élite de dirección de imagen frontend para generar referencias de diseño web premium orientadas a conversión. REGLA DE SALIDA CRÍTICA — genera UNA imagen horizontal independiente POR CADA sección. Una landing page con 8 secciones produce 8 imágenes. Nunca comprimas varias secciones en una sola imagen. Fuerza variedad de composición (no siempre texto a la izquierda / imagen a la derecha), libertad de imagen de fondo, CTAs variados, escalas de hero variadas (gigante / medio / mini minimalista), un hilo narrativo conceptual, momentos de "segunda lectura", y una única paleta consistente en todas las imágenes. Optimizada para landing pages, sitios de marketing y comps de producto que desarrolladores o modelos de código puedan recrear con precisión.

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