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.
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 pedírselo
Genera una imagen de referencia por cada sección de mi landing pageNecesito varios estilos de hero para elegir el que mejor conviertaDiséñame las referencias visuales de mi sitio de marketing con una paleta consistente
Instalar
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bashTras instalar con el script, escribe /imagegen-frontend-web. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma
Demo en camino