SlideScope — Visual AI Analyzer

Analiza el estilo visual de PDFs y presentaciones PPTX página por página usando modelos de visión con IA. Extrae paleta de colores, tipografía, composición y tono visual, y opcionalmente genera nuevas imágenes coherentes con ese estilo.

Demo rápido

Abre index.html en el navegador
Sube un PDF o PPTX
Ingresa tu API Key de Pollinations (solo en la versión de pago)
Elige el modelo de visión y haz clic en ◈ Analizar con IA
Explora el JSON resultante o genera imágenes con ese estilo

Características

Carga de archivos

Arrastra y suelta o selecciona desde el explorador
Formatos soportados: PDF y PPTX
Los PDF se rasterizan página a página con PDF.js
Los PPTX se descomprimen con JSZip; se extraen las imágenes embebidas de cada diapositiva; si una slide no tiene imagen, se genera un placeholder visual

Análisis visual con IA

Cada página/diapositiva se normaliza a JPEG y se envía al modelo seleccionado
El modelo extrae únicamente elementos de diseño — sin transcribir texto del documento
Resultado estructurado en JSON por página con los campos:

Campo	Descripción
`paleta_colores`	Array de códigos HEX dominantes
`tipografia.principal`	Descripción del estilo tipográfico principal
`tipografia.secundaria`	Tipografía secundaria si existe
`tipografia.estilo`	Descripción general del sistema tipográfico
`estilo_ilustracion`	Estilo gráfico/visual de la página
`estructura`	Composición y disposición de zonas visuales
`elementos_decorativos`	Lista de elementos decorativos identificados
`tono_visual`	Tono y sensación visual general

Selector de modelos de texto/visión

Elige entre 7 modelos disponibles vía la API de Pollinations:

Nombre visible	Identificador en API
GPT-5.4 Nano (por defecto)	`openai`
Llama 4 Scout	`llama-scout`
Qwen 3	`qwen-vision`
GPT 5 Nao	`openai-fast`
Claude Haiku 4.5	`claude-fast`
GPT-5.4 Mini	`gpt-5.4-mini`
Grok 4.3	`grok-4.3`

Visor JSON

Syntax highlighting por tipo de dato (claves, strings, números, booleanos)
Swatches de color en línea junto a cada código HEX
Botón de copia al portapapeles

Generador de imágenes (modal)

Enriquece automáticamente el prompt con el estilo extraído de la página seleccionada (paleta, tipografía, tono, elementos decorativos)
10 modelos de imagen disponibles: flux, zimage, klein, grok-imagine, nanobanana, gptimage (defecto), gptimage-large, wan-image, qwen-image, gpt-image-2
5 relaciones de aspecto: 1:1, 3:4, 4:3, 16:9, 9:16
Preview en canvas con descarga a PNG

Requisitos

Navegador moderno con soporte ES2020+ (Chrome 90+, Firefox 88+, Edge 90+, Safari 15+)
API Key gratuita de Pollinations.ai — el botón Obtener clave de la app redirige al flujo OAuth automáticamente

Uso

La app es un único archivo HTML sin proceso de build. Basta con servirlo:

# Con Node.js
npx serve .

# Con Python
python -m http.server 8080

# O simplemente abrir index.html directo en el navegador (file://)

Estructura del proyecto

.
├── index.html   # App completa: HTML + CSS + JS en un solo archivo
└── README.md    # Este archivo

Todas las dependencias se cargan desde CDN en tiempo de ejecución:

Librería	Versión	Uso
PDF.js	3.11.174	Rasterizado de páginas PDF a canvas
JSZip	3.10.1	Descompresión de PPTX para extraer imágenes (carga dinámica)
Google Fonts	—	Tipografías Syne y Space Mono

API de Pollinations

Análisis visual — `/v1/chat/completions`

Endpoint compatible con OpenAI. Cada página se envía como image/jpeg base64 (normalizada desde el formato original) junto al prompt de extracción de estilo. La app siempre convierte la imagen a JPEG antes de enviarla para garantizar compatibilidad con todos los modelos.

POST https://gen.pollinations.ai/v1/chat/completions
Authorization: Bearer <api_key>

{
  "model": "<modelo_seleccionado>",
  "messages": [{
    "role": "user",
    "content": [
      { "type": "text", "text": "<prompt>" },
      { "type": "image_url", "image_url": { "url": "data:image/jpeg;base64,..." } }
    ]
  }]
}

Generación de imágenes — `/v1/images/generations`

POST https://gen.pollinations.ai/v1/images/generations
Authorization: Bearer <api_key>

{
  "model": "<modelo_imagen>",
  "prompt": "<prompt enriquecido con estilo>",
  "n": 1,
  "size": "1024x1024",
  "quality": "medium",
  "response_format": "b64_json"
}

Personalización

Añadir modelos de análisis: edita el <select id="modelSelect"> y agrega <option value="id-del-modelo">Nombre visible</option>.

Añadir modelos de imagen: edita el <select id="img-model-sel"> en el modal de generación.

Cambiar el prompt de análisis: busca la constante userPrompt dentro de analyzePageWithClaude() y ajusta los campos JSON solicitados.

Escala de renderizado PDF: cambia scale: 1.5 en page.getViewport({ scale: 1.5 }) — mayor valor = más detalle, más memoria.

Limitaciones conocidas

Los PPTX que no tienen imágenes embebidas en sus diapositivas muestran un placeholder; el análisis se realiza sobre él, con resultados limitados. Para mejores resultados, exporta la presentación a PDF desde PowerPoint o Google Slides.
Archivos con muchas páginas de alta resolución pueden causar lentitud o errores de memoria en el navegador.
La API de Pollinations tiene límites de tasa; ante errores 429, espera unos minutos o usa una key de pago.

Licencia

MIT