NativosIAnativosIA.es
Suscribirse
← Volver a Recursos

📚 Luna y el Misterio de la Nota

Un libro interactivo donde tú decides · Aprende pensamiento crítico · Ilustraciones SVG

Tú decidesPensamiento críticoSVG ilustradoHecho con IA
Página 1 de 5

Luna y el Misterio de la Nota

Una aventura de pensamiento crítico

BIBLIOTECA MÁGICA
📚

Luna y el Misterio de la Nota

Una historia de pensamiento crítico donde tú decides qué hace Luna.

⚛️ Con su coneja Mochi, Luna descubrirá que no todo lo que parece magia es verdad.

Hazlo tú mismo con IA

✍️ Cómo recrear este libro paso a paso

6 prompts en orden. Cambia el tema, los personajes o la lección para crear tu propio libro interactivo.

Crea un componente Next.js para un libro interactivo infantil. El objetivo es que el lector tome decisiones que cambian la historia.

HISTORIA: "Luna y el Misterio de la Nota"
- Protagonista: Luna, niña de 10 años curiosa e inteligente
- Mascota: Mochi, una conejita blanca
- Antagonista/amigo: Búho travieso que luego aprende
- Tema educativo: pensamiento crítico — verificar antes de creer

ESTRUCTURA DE PÁGINAS (objeto STORY):
{
  cover: { title, subtitle, scene, next:'p1' },
  p1: { title, text, scene:'library', next:'decision' },
  decision: { title, text, scene:'decision', choices:[
    { id:'pathA', label, desc, next:'p2a' },
    { id:'pathB', label, desc, next:'p2b' },
  ]},
  p2a: { title, text, scene:'pathA', path:'A', next:'ending' },
  p2b: { title, text, scene:'pathB', path:'B', next:'ending' },
  ending: { title, text, scene:'ending', next:null },
}

ESTADOS REACT:
const [pageId, setPageId] = useState('cover')
const [path, setPath]     = useState(null)
const [visible, setVisible] = useState(true)

FUNCIÓN DE NAVEGACIÓN:
function goTo(nextId) {
  setVisible(false)
  setTimeout(()=>{ setPageId(nextId); setVisible(true) }, 300)
}

COLOR SCHEME: C1='#7C3AED', C2='#A78BFA', CB='#6D28D9'
Fondo general: '#0D0A1A' (oscuro, atmosférico)

💡 Adapta el libro: cambia a Luna por otro personaje, cambia la lección (responsabilidad digital, empatía, ecología...) y genera nuevas ilustraciones SVG con IA describiendo cada escena.