Pequeña interfaz para previsualizar plantillas visuales y generar system prompts diseñados para producir infografías claras y concisas.
Esta página permite seleccionar una "plantilla" (Modelo 1..N), ver una miniatura y editar el "system prompt" que describe cómo debe generarse la infografía. Las plantillas se obtienen de JSON.txt (se incluye un resumen humano en el prompt) y las miniaturas se leen desde la carpeta images/ (archivos modelo1.png, modelo2.png, ...).
El system prompt incorpora la descripción de la plantilla y además fuerza el formato de infografía solicitado: 5 a 8 bloques temáticos con encabezados claros y contenido resumido; frases cortas (máx. 15–20 palabras); uso de viñetas; lenguaje claro y directo; evitar párrafos extensos; usar bullets y frases concisas; título impactante.
images/modelo1.png ... images/modeloN.png.index.html en tu navegador (sitio estático).Tema de la infografía: tema o título principal que quieres mostrar en la infografía.Propósito (educar, persuadir, resumir, divulgar): indica el objetivo comunicativo; esto se añade al system prompt.index.html — interfaz principal.styles.css — estilos.script.js — lógica de la UI: carga de plantillas, generación de prompts, carga de miniaturas desde images/modeloN.png, copia del prompt.images/ — carpeta donde deben colocarse las miniaturas modelo1.png..modeloN.png.JSON.txt, modelos.txt — datos de plantillas y modelos (si existen).JSON.txt y su resumen se inyecta en el system prompt para asegurar consistencia visual.system prompt incluye reglas para el formato de infografía (bloques, bullets, frases cortas, título impactante).navigator.clipboard cuando está disponible y un fallback con document.execCommand('copy') si no lo está.renderTemplateThumbnails() en script.js.images/. Si quieres, puedo generar automáticamente placeholders (PNG simples) y añadirlos al proyecto.Si quieres, actualizo los ejemplos en ejemplos/ y genero placeholders para las miniaturas, o preparo un pequeño commit con mensaje claro. ¿Qué prefieres que haga ahora?