App generadora de carteles publicitarios con IA.
Desarrollado por Uni2 X Cisneros | "Historia, cultura y naturaleza para el mundo"
┌─────────────────────────────────────────────────────────────┐
│ [Panel de Controles] │ [Canvas 1:1] │
│ ┌─────────────────────────────┐ │ ┌─────────────────┐ │
│ │ 🔑 API Key │ │ │ │ │
│ │ Modo: Texto/Imagen │ │ │ Imagen │ │
│ │ Presets │ │ │ Generada │ │
│ │ Estilo Artístico │ │ │ │ │
│ │ Animal/Elemento │ │ │ 1024x1024 │ │
│ │ Modelo de IA │ │ │ │ │
│ │ Prompt editable (JSON) │ │ └─────────────────┘ │
│ │ [✨ Generar] [⬇️ Descargar]│ │ │
│ └─────────────────────────────┘ │ │
└─────────────────────────────────────────────────────────────┘
| Característica | Descripción |
|---|---|
| 🎨 8 estilos artísticos | Fantasía cinematográfica, acuarela, surrealismo, cyberpunk, realismo mágico, óleo, anime, papel recortado |
| 🤖 10 modelos de IA | Flux, ZImage, Klein, Grok-Imagine, Nanobanana, GPTImage, GPTImage-Large, Wan-Image, Qwen-Image, GPT-Image-2 |
| 🖼️ Image-to-Image | Sube hasta 5 imágenes de referencia para mayor fidelidad |
| ⚖️ Peso ajustable | Controla la influencia de las imágenes de referencia (0-100%) |
| 🔑 API Key visible | Campo de API Key en el panel izquierdo con guardado en localStorage |
| 📋 Presets | Cartel Cisneros (optimizado) y modo Personalizado |
| 📝 Prompt editable | Estructura JSON completa editable en tiempo real |
| 🖥️ Canvas 1:1 | Lienzo cuadrado para visualización de resultados |
| 📱 Responsive | Funciona en desktop, tablet y móvil |
| ⬇️ Descarga directa | Guarda la imagen generada con un clic |
Abre el archivo index.html en cualquier navegador moderno:
# Python
python -m http.server 8000
# Node.js
npx serve .
# PHP
php -S localhost:8000
Luego visita: http://localhost:8000
📦 cisneros-image-generator/
├── 📄 index.html # App principal (HTML/CSS/JS)
├── 📄 README.md # Este archivo
├── 📄 README_BYOP.md # Guía de configuración API
├── 📄 GUIA_MIDJOURNEY.md # Guía para Midjourney
├── 📄 generate_cisneros_controlnet.py # Script SD + ControlNet
└── 📁 output/ # Imágenes generadas (se crea automáticamente)
Ingresa tu API Key en el campo correspondiente del panel izquierdo:
🔑 API Key de Pollinations
[________________________] [👁️ Ver]
✓ API Key guardada en localStorage
La clave se guarda automáticamente en localStorage del navegador.
export POLLINATIONS_API_KEY="tu-api-key-aqui"
| Estilo | Descripción ideal |
|---|---|
| 🎬 Fantasía Cinematográfica | Escenas épicas, iluminación dramática |
| 🖌️ Acuarela Artística | Trazos suaves, colores difuminados |
| 🌀 Surrealismo | Elementos oníricos, imposibles |
| 🤖 Arte Cyberpunk | Neón, futurismo distópico |
| ✨ Realismo Mágico | Realidad con toques fantásticos |
| 🎨 Pintura al Óleo | Textura clásica, colores ricos |
| 🇯🇵 Anime Detallado | Estilo japonés, líneas definidas |
| ✂️ Arte de Papel Recortado | Capas, sombras, textura papel |
| Modelo | Características |
|---|---|
| Flux | Por defecto, alta calidad general |
| ZImage | Estilizado, artístico |
| Klein | Experimental |
| Grok-Imagine | Interpretación creativa |
| Nanobanana | Artístico, colorido |
| GPTImage | Balance calidad/velocidad |
| GPTImage-Large | Máxima calidad |
| Wan-Image | Detalle fotográfico |
| Qwen-Image | Comprensión semántica |
| GPT-Image-2 | Última generación |
Genera imágenes desde cero usando solo descripciones textuales.
Prompt: "A futuristic tourism center with holographic displays..."
→ Imagen generada
Usa fotos de referencia para guiar la generación. Ideal para landmarks reales.
[📷 Iglesia Cisneros.jpg] [📷 Estación.jpg]
[📷 Locomotora 45.jpg] [📷 Locomotora 8.jpg]
↓
Peso: 70%
↓
[🖼️ Imagen generada fiel a las referencias]
Consejo: Sube fotos reales de los landmarks para máxima fidelidad.
El preset incluye descripciones ultra-específicas de los landmarks:
"Fachada triangular en A, diseño asimétrico único, color crema/beige, cruz roja frontal, aguja dorada con reloj en la cima, parece la proa de un barco"
"Andén largo de madera, techo de metal corrugado con vigas de madera, palmeras tropicales, materiales desgastados, estación auténtica colombiana años 1920-1930"
"Negra con rayas amarillas brillantes, número '45' visible, diseño Baldwin 1920s, ruedas grandes con radios, parachoques rojo"
"Caldera verde, chasis negro, detalles rojos inferiores, número '8' visible, diseño 1921, accesorios dorados/latón"
{
"prompt": "Tu descripción detallada aquí...",
"negative prompt": "Elementos a evitar...",
"style": "realismo mágico",
"lighting": "dramatic rim lighting at dusk",
"mood": "epic, powerful",
"color_palette": ["Deep silver", "midnight blue", "forest green", "amber glow"],
"artista_references": ["Greg Rutkowski"]
}
Para máxima fidelidad a landmarks reales, usa el script Python incluido:
# Requisitos: AUTOMATIC1111 o Forge con ControlNet
pip install requests
# Una referencia
python generate_cisneros_controlnet.py -r iglesia_cisneros.jpg -c ip-adapter
# Múltiples referencias
python generate_cisneros_controlnet.py -R iglesia.jpg estacion.jpg locomotora.jpg
# Con parámetros
python generate_cisneros_controlnet.py -r estacion.jpg -c depth -W 1024 -H 1024 -s 50
| Tipo | Uso ideal |
|---|---|
ip-adapter |
Recomendado - Mantiene estilo y contenido |
lineart |
Mantiene líneas y estructura |
depth |
Mantiene profundidad y perspectiva |
canny |
Mantiene bordes y contornos |
reference_only |
Referencia directa máxima |
Incluida en GUIA_MIDJOURNEY_CISNEROS.md:
[URL] prompt --iw 2)--sref URL --sw 100)--cref URL --cw 100)Pollinations AI - Generación de imágenes gratuita y de código abierto
POST https://gen.pollinations.ai/v1/images/generations
{
"prompt": "...",
"model": "flux",
"n": 1,
"size": "1024x1024",
"quality": "medium",
"response_format": "b64_json",
"user": "cisneros-app",
"image": "", // Para image-to-image
"safe": ""
}
| Dispositivo | Layout |
|---|---|
| Desktop (>900px) | Panel izquierdo + Canvas derecho |
| Tablet/Móvil (<900px) | Paneles apilados verticalmente |
| Color | Hex | Uso |
|---|---|---|
| Cyan | #00D9FF |
Primario, acentos, hologramas |
| Navy | #1B2A49 |
Secundario, paneles |
| Gold | #FFD700 |
Acento, CTAs, highlights |
| Dark | #081120 |
Fondo principal |
git checkout -b feature/nueva-funcion)git commit -am 'Añadir nueva función')git push origin feature/nueva-funcion)MIT License - Uni2 X Cisneros
Copyright (c) 2026 Uni2 X Cisneros
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
Para soporte o sugerencias:
"Cisneros conecta su historia con el presente." 🚂✨