Manga IA con Next.js y Memoria Visual de Gemini

NanoManga Studio es una app web potenciada por IA que genera historias manga con coherencia visual entre páginas mediante memoria multimodal. Conoce soluciones de IA para empresas en Q2BSTUDIO.

14 sept 2025 • 3 min read • Q2BSTUDIO Team

Inteligencia-Artificial-

Acabo de terminar mi propuesta para el Google Nano Banana Hackathon y quiero compartir con ustedes el proyecto que desarrollé: NanoManga Studio, una aplicación web potenciada por inteligencia artificial que genera historias tipo manga completas y visualmente consistentes a partir de una idea simple.

El mayor reto al usar IA para generar imágenes narrativas es la consistencia visual entre páginas. Cómo asegurar que el protagonista tenga el mismo peinado en la página 3 que en la página 1. En NanoManga Studio abordé este problema creando una memoria visual que guía la generación de cada página.

Tecnologías principales utilizadas: Next.js 15 App Router, interfaz con shadcn/ui y Tailwind CSS, manejo de estado con useState de React, y la SDK de Google AI para JavaScript. El despliegue se realizó en Vercel para iterar rápido durante el hackathon.

La innovación central consiste en construir contexto multimodal para el modelo gemini 2.5 flash image preview. En lugar de enviar solo texto, la aplicación empaqueta referencias visuales y un prompt textual muy específico que indica el orden y la función de cada imagen de referencia. De este modo la IA mantiene rasgos del personaje, vestuario y daños o marcas entre páginas consecutivas, logrando continuidad narrativa y coherencia artística.

Antes de generar imágenes también se usa el modelo en modo editor y director de arte. Primero se solicita un plan de historia en formato JSON que incluye descripciones de personajes, ambientes y un guion página por página siguiendo un arco narrativo clásico. Luego la IA genera hojas de personaje y fondos limpios que sirven como assets de referencia para la generación posterior.

Este enfoque convierte a la IA en un colaborador creativo que actúa como editor, director de arte y diseñador de assets, facilitando la creación de historias visuales extensas sin perder unidad estética. Las capacidades multimodales de modelos como Gemini son clave para habilitar estos bucles de retroalimentación y colaboración humano IA.

En Q2BSTUDIO, empresa especializada en desarrollo de software y aplicaciones a medida, ofrecemos soluciones que combinan diseño, IA y prácticas avanzadas de ingeniería. Si tu empresa busca potenciar procesos creativos o productivos con inteligencia artificial puedes conocer nuestros servicios de inteligencia artificial y cómo implementamos agentes IA, modelos a medida y pipelines seguros para producción.

Para proyectos que requieren adaptaciones específicas en producto o experiencia de usuario ofrecemos también desarrollo de aplicaciones y software a medida. Puedes ver ejemplos de nuestras capacidades en aplicaciones y software a medida, donde integramos IA para empresas, automatización, servicios cloud aws y azure y soluciones de inteligencia de negocio como power bi.

Además de IA, en Q2BSTUDIO somos expertos en ciberseguridad y pentesting para proteger modelos, datos y despliegues en la nube. Combinamos experiencia en servicios cloud, agentes IA, inteligencia de negocio y desarrollo a medida para ofrecer proyectos integrales y seguros.

Qué aprendí con NanoManga Studio: la generación de contenido no es solo lanzar prompts potentes, es diseñar sistemas que preserven contexto, creen bucles de retroalimentación y permitan colaboración humano IA. Si quieres experimentar con este enfoque imagina cómo la memoria visual podría aplicarse a guiones, publicidad, catálogos de producto o asistentes visuales para empresas.

Me encantaría que pruebes NanoManga Studio y nos cuentes qué crearías con una memoria visual así. Si buscas apoyo profesional para llevar una idea similar a producción, en Q2BSTUDIO podemos ayudarte a diseñar la arquitectura, asegurar el despliegue y escalar soluciones de IA para tu negocio.

Palabras clave integradas para mejorar posicionamiento: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi.

A BREAK?

Play for a moment before you go

OUR SERVICES

How we can help you

Artificial intelligence

AI agents, chatbots, and intelligent assistants that automate tasks and serve your customers 24/7 to improve the efficiency of your business.

More info

Software Development

Web, mobile, and desktop applications, intranets, e-commerce, SaaS, and management platforms designed for your company's specific needs.

More info

Cloud services

Migration, infrastructure, managed hosting, high availability, and security on Microsoft Azure and Amazon Web Services to help your business scale without limits.

More info

Cybersecurity and pentesting

Security audits, penetration testing and protection of applications, data and infrastructure on-premise and cloud, with ethical hacking and regulatory compliance.

More info

Business Intelligence

Dashboards and data analysis with Power BI: we integrate your sources, design dashboards and KPIs and turn your data into decisions.

More info

Process automation

We automate repetitive tasks and connect your applications with n8n, Power Automate, Make, and RPA, eliminating manual work and increasing productivity.

More info

Training for Companies

We train your teams in technology with criteria: web development, databases, Git, best practices and security, automation with n8n, artificial intelligence for companies and creation of AI solutions with Azure AI Foundry.

More info

Code Auditing

We audit the code that you, your team or an AI create: we tell you what is good and what to improve, we secure it and make it ready for production, web or app.

More info

AI Image Generation

We create for you the images that your business needs with artificial intelligence: product, networks, advertising, illustration and avatars. You tell us what you want and we deliver it ready to use.

More info

AI Video Generation

We create videos with artificial intelligence for you: promotional, networking, virtual presenters, dubbing and animations. You tell us the idea and we will deliver it assembled and ready to publish.

More info

AI Conversational Avatars

We create conversational avatars with AI – digital humans with a face and voice – that serve your customers and teams with the knowledge of your company, on your website, interactive monitors, WhatsApp or Teams.

More info

Online Marketing and AI

Google Ads, Meta Ads, LinkedIn Ads and AI Engine Positioning (GEO/AEO): we attract customers and make your brand appear where they search for you, also on ChatGPT, Gemini and Perplexity.

More info

Do you have a project in mind?

Tell us your vision and we'll turn it into a software solution. Whatever the scope, we make your idea real.