En los propios términos del Skill
La skill genera referencias de diseño web premium como imágenes horizontales independientes, una imagen por sección. Impone variedad de composición más allá del patrón sobreutilizado de texto-izquierda/imagen-derecha, usa fondos a sangre con confianza, varía las escalas del hero (gigante/media/mini) y mantiene una única paleta consistente en todas las secciones. Diseñada para landing pages, sitios de marketing y comps de producto que desarrolladores o modelos de código puedan recrear.
Utiliza controles de referencia configurables: DESIGN_VARIANCE 8, VISUAL_DENSITY 4, ART_DIRECTION 8, IMPLEMENTATION_CLARITY 9, IMAGE_USAGE_PRIORITY 9, SPACING_GENEROSITY 8. La skill rompe con los valores predeterminados de la IA mediante variación combinatoria—eligiendo un paradigma de tema, un carácter tipográfico, una arquitectura de hero, un sistema de secciones y un eje narrativo—manteniendo a la vez disciplina de conversión y un espaciado generoso y uniforme entre secciones.
Qué produce
- Imágenes horizontales (16:9, 16:10 o 21:9) que renderizan una sección enfocada por fotograma con alta fidelidad
- Conjunto de imágenes etiquetadas por sección: 'Section X of N: <name>' hasta entregar el conteo completo
- Mundo de marca consistente en todos los fotogramas: misma paleta, familia tipográfica, identidad de CTA, radio de borde, tratamiento de imagen, voz tonal
Cómo funciona
- 01Leer el Briefing y Adaptar los Controles de Referencia
La skill lee cuidadosamente el prompt del usuario y luego ajusta los controles (varianza de diseño, densidad visual, dirección de arte, claridad de implementación, uso de imagen, espaciado, variación de layout, disciplina de conversión), la escala del hero, el modo de fondo, el uso de gradientes y la variedad de composición para ajustarse al briefing.
- 02Elegir Una Opción de Cada Categoría Combinatoria
La skill se compromete con un paradigma de tema, un carácter de fondo, un carácter tipográfico, una arquitectura de hero, un sistema de secciones, exactamente 4 componentes característicos, exactamente 2 lenguajes de movimiento implícito y un eje narrativo—todo basado en el prompt.
- 03Generar Una Imagen Horizontal por Sección
Cada sección recibe su propia imagen horizontal independiente en 16:9, 16:10 o 21:9. La skill nunca combina varias secciones en un solo fotograma ni devuelve una única franja vertical.
- 04Variar los Anclajes de Composición y los Modos de Fondo
A lo largo de las secciones, la skill elige diferentes anclajes de composición (centrado, inferior-izquierda sobre imagen, líder superior-izquierda, apilado al centro, editorial fuera de grilla, etc.) y modos de fondo (sólido, imagen a sangre, imagen lateral editorial, duotono, viñeta radial) para que la página evite los layouts repetitivos de la IA.
- 05Ejecutar una Verificación de Claridad de 21 Puntos Antes de Entregar
Antes de finalizar, la skill verifica la jerarquía, la limpieza del hero, la distinción visual, la ausencia de señales de IA, la sensación premium, la codeabilidad, la consistencia entre imágenes múltiples, la fuerza de las imágenes, el espacio para respirar, el espaciado uniforme, la creatividad intencional y el conteo correcto de imágenes.