Experimento de generación masiva: un único prompt a un LLM self-hosted produjo 10 páginas HTML completas, interactivas y visualmente ricas. Sin frameworks, sin dependencias — puro HTML + CSS + JS.
Esto es exactamente lo que se le pidió al modelo. Un solo mensaje, sin contexto previo, sin ejemplos. El modelo decidió temas, diseño, animaciones e interactividad por su cuenta.
Infraestructura: DisierTECH AI Cluster — nodo self-hosted
Cada archivo es autocontenido (HTML+CSS+JS en un solo .html). Ábrelo directamente en tu navegador — no necesita servidor ni internet.
Animación orbital con 8 planetas a velocidad proporcional real. Clic en cada planeta abre una tarjeta con diámetro, duración del día, temperatura y lunas.
Abrir demo → 02Escena completa con sol, nubes flotantes, montañas, ola animada, termómetro y lluvia generada por JS. 4 tarjetas explican evaporación, condensación, precipitación y escorrentía.
Abrir demo → 03SVG del corazón con latido animado (doble pulso realista), electrocardiograma en scroll, BPM dinámico y 4 tarjetas interactivas por cámara cardíaca.
Abrir demo → 04Planta con hojas que se mecen, rayos solares animados, moléculas (CO₂, H₂O, O₂, glucosa) flotando por la escena. Ecuación química completa + 4 pasos del proceso.
Abrir demo → 05Timeline vertical 1789-1799 con scroll-reveal (IntersectionObserver). 7 eventos clave con tags de fase (Inicio, Ruptura, Culmen, Cierre). Tricolor francés como acento.
Abrir demo → 06Cubo, pirámide, esfera y cilindro construidos con CSS 3D transforms (perspective, rotateX/Y, translateZ). Rotación continua que se acelera al hacer hover. Propiedades matemáticas de cada uno.
Abrir demo → 07Red neuronal generada por JS (18 nodos + dendritas). Clic en cualquier neurona dispara un impulso luminoso que viaja a 2 vecinas aleatorias. Auto-fires cada 3s. Ruta de señal + 4 secciones del sistema.
Abrir demo → 08Gráfico de barras animado (44 años de anomalía térmica con colores por severidad + tooltip al hover), métricas con count-up, mapa causal→efecto y tags de soluciones basadas en evidencia.
Abrir demo → 09Timeline de 3100 a.C. a la era digital con estilo pergamino (Georgia serif, tonos cálidos). 8 hitos + grid de 6 sistemas de escritura del mundo. Scroll-reveal con IntersectionObserver.
Abrir demo → 10Diseño jurídico (navy + dorado, Georgia serif). 4 pilares constitucionales, 6 derechos de la DDHH 1948, artículo destacado con borde dorado, y 9 principios republianos como pills interactivos.
Abrir demo →