Tus Prompts Están Listos

Lo que podrás crear

📚 Libro para tu hijo

📚 Libro para tu nieto

🎁 Regalo para cumpleaños

❤️ Recuerdo familiar

📱 Libro digital para compartir

Sigue estos 2 pasos para crear un libro infantil personalizado usando tus propias fotografías.

Paso 1: Genera las Ilustraciones

Nombre

Email *

Nombre del niño

Relación

Usando la fotografía de referencia, crea las ilustraciones para un libro infantil personalizado.

La fotografía de referencia define completamente la apariencia de los personajes.

Mantén exactamente:
- El mismo niño o niña
- La misma persona familiar
- Los mismos rasgos faciales
- El mismo cabello
- El mismo color de piel
- La misma relación familiar

NO inventes personajes nuevos.
NO agregues personas adicionales.
NO cambies la apariencia de los personajes entre páginas.

REGLA CRÍTICA DE ENTREGA

Debes generar 8 imágenes independientes.
Cada imagen debe ser una página completa individual.

PROHIBIDO:
- Crear collage
- Crear cuadrícula
- Mostrar varias páginas juntas
- Mostrar miniaturas
- Combinar escenas
- Mostrar fragmentos de otra ilustración
- Mostrar partes de otra página arriba, abajo o a los lados
- Entregar una sola imagen con varias escenas
- Entregar páginas pegadas entre sí
- Entregar imágenes con bordes negros
- Entregar imágenes cortadas

Cada imagen debe ocupar una página completa vertical 9:16.
Una sola escena por imagen.
Una sola ilustración por respuesta visual.
No incluir otras páginas dentro de la misma imagen.

FORMATO OBLIGATORIO

Genera las 8 ilustraciones como 8 imágenes separadas, una por una.

Si no puedes generar las 8 imágenes limpias en una sola respuesta:
Genera solo las primeras imágenes limpias posibles.
Luego continúa con las faltantes en la siguiente respuesta.
Pero nunca generes collage.

ESTILO

Ilustración infantil premium.
Libro infantil moderno.
Inspirado en Disney/Pixar.
Ojos grandes y expresivos.
Mejillas rosadas.
Formas suaves y redondeadas.
Sonrisas cálidas.
Colores vivos pero suaves.
Sombras suaves.
Acabado digital pulido.
Muy tierno y amigable.

GENERAR ESTAS 8 ILUSTRACIONES

PÁGINA 1 — PORTADA
Título:
[NOMBRE_DEL_NIÑO] y su [RELACION]

PÁGINA 2
[NOMBRE_DEL_NIÑO] sonriendo con su [RELACION].

PÁGINA 3
[NOMBRE_DEL_NIÑO] jugando con su [RELACION].

PÁGINA 4
[NOMBRE_DEL_NIÑO] caminando con su [RELACION].

PÁGINA 5
[RELACION] abrazando a [NOMBRE_DEL_NIÑO].

PÁGINA 6
[NOMBRE_DEL_NIÑO] riendo con su [RELACION].

PÁGINA 7
Momento especial entre ambos.

PÁGINA 8
Página final.
Texto:
El amor de [NOMBRE_DEL_NIÑO] y su [RELACION] es para siempre.

REGLA FINAL

Antes de entregar, verifica:
- 8 imágenes separadas
- Ningún collage
- Ninguna cuadrícula
- Ninguna imagen con fragmentos de otra página
- Ninguna escena combinada
- Ninguna imagen cortada

Paso 2: Crea el Libro Interactivo

Después de generar las ilustraciones, pega este segundo prompt debajo para crear el libro digital interactivo.

Las ilustraciones ya existen en esta conversación.
Las ilustraciones ya fueron generadas anteriormente en este mismo chat.

NO me pidas volver a subirlas.
NO solicites nuevamente los archivos.
NO generes ilustraciones nuevas.
NO modifiques ilustraciones existentes.
NO reemplaces ilustraciones.
NO redibujes personajes.
Debes utilizar las ilustraciones que ya están disponibles en esta conversación.

OBJETIVO

Crear un libro digital interactivo HTML premium para dispositivos móviles.
Debe sentirse como una aplicación infantil profesional.

NO debe parecer:
- Una presentación
- Un slideshow
- Una página web básica
- Un proyecto escolar

USO DE LAS ILUSTRACIONES

Usar exactamente las ilustraciones ya generadas en esta conversación.
Usar una ilustración por página.
NO combinar varias ilustraciones en una misma página.
NO inventar escenas nuevas.

REGLA MÁS IMPORTANTE SOBRE LAS IMÁGENES

La prioridad absoluta es que cada ilustración se vea completa, limpia y centrada.

PROHIBIDO:
- Cortar caras
- Cortar cabezas
- Cortar brazos
- Cortar piernas
- Cortar zapatos
- Cortar sombreros
- Mostrar barras negras
- Mostrar fragmentos de otra ilustración
- Mostrar pedazos de otras páginas arriba, abajo o a los lados
- Usar object-fit: cover
- Usar overflow:hidden para esconder partes importantes de personajes

OBLIGATORIO:
- Usar object-fit: contain
- Usar object-position: center center
- Mantener la proporción original de cada imagen
- Mostrar la imagen completa dentro del marco
- Centrar cada imagen
- Usar fondo suave detrás de la imagen si sobra espacio
- Nunca forzar la imagen a llenar el marco si eso corta contenido

ESTILO CSS OBLIGATORIO PARA TODAS LAS IMÁGENES

Cada imagen debe usar exactamente esta lógica visual:

img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
  background: transparent;
}

.image-frame {
  width: 100%;
  height: 72vh;
  max-height: 72vh;
  min-height: 420px;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff7ec;
  border-radius: 28px;
}

En móvil, usar:

.image-frame {
  height: 68vh;
  min-height: 360px;
}

MANEJO DE ILUSTRACIONES COMPUESTAS O TIPO COLLAGE

Si una ilustración contiene varias escenas, elementos repetidos, bordes negros o fragmentos visibles de otras páginas:

1. NO uses object-fit: cover.
2. NO recortes personajes importantes.
3. Identifica la escena principal correspondiente a esa página.
4. Muestra únicamente la escena principal si se puede aislar de forma limpia.
5. Si no se puede aislar sin cortar personajes, muestra la imagen completa con object-fit: contain.
6. Nunca muestres barras negras dentro del marco.
7. Nunca muestres fragmentos de otra escena arriba, abajo o a los lados.
8. Nunca dejes que una imagen parezca collage.

Si una ilustración no puede mostrarse limpia porque contiene varias páginas pegadas o escenas mezcladas:
DETENTE y escribe:
“Esta ilustración contiene varias escenas mezcladas. Necesito una imagen individual limpia para esta página.”
No generes una página fea.
No generes una página cortada.
No inventes una imagen nueva.

ESTRUCTURA DEL LIBRO

Crear:
1. Portada
2. Una página por cada ilustración disponible
3. Página final

NO omitir ilustraciones.
NO duplicar ilustraciones.
NO combinar varias ilustraciones en una página.

TEXTO

Cada página debe contener una sola frase corta.
Texto grande.
Fácil de leer.
Sin párrafos largos.
Sin bloques extensos.

INTEGRACIÓN DE TEXTO E ILUSTRACIÓN

La ilustración debe ocupar aproximadamente 70% a 80% del espacio visual.
La narración debe aparecer inmediatamente debajo de la ilustración.
Reducir espacios vacíos innecesarios.

La imagen y el texto deben sentirse como una sola página editorial infantil:
- Bordes redondeados
- Sombras suaves
- Fondo cálido
- Tipografía grande
- Diseño premium
- Mobile-first

NAVEGACIÓN

Implementar:
- Swipe izquierda
- Swipe derecha
- Flecha anterior
- Flecha siguiente
- Indicadores inferiores

Las flechas y los indicadores deben ser HTML.
Nunca deben formar parte de las ilustraciones.

PÁGINA FINAL

Agregar un mensaje final emotivo.

Agregar botón:
Leer otra vez

Al tocarlo:
Regresar a la portada.

HTML

Generar:
- Un solo archivo HTML
- Sin CDN
- Sin dependencias externas
- Sin internet
- Funcional en Android
- Funcional en iPhone
- Mobile-first
- Diseño premium

REGLA CRÍTICA DE CONFIABILIDAD

NO entregar:
- HTML vacío
- Pantalla en blanco
- Imágenes rotas
- Rutas inexistentes
- Placeholders
- Mockup
- PDF
- Captura de pantalla
- Collage

Verificar antes de entregar:
✓ Todas las ilustraciones cargan
✓ Todas las páginas muestran contenido
✓ Ninguna imagen se corta
✓ Ningún rostro se corta
✓ Ningún personaje se corta
✓ No hay barras negras visibles
✓ No aparecen fragmentos de otras páginas
✓ Swipe funciona
✓ Flecha izquierda funciona
✓ Flecha derecha funciona
✓ Indicadores funcionan
✓ Leer otra vez funciona

ENTREGA FINAL

La salida final debe ser:
Un archivo HTML funcional completo.

Si el entorno no permite adjuntar el archivo:
Entregar el código HTML completo listo para guardar como .html.