Creación de herramientas HTML con ChatGPT: visualizador LaTeX con MathJax

Durante los últimos meses he estado experimentando con la creación de herramientas web pequeñas, útiles y totalmente autocontenidas con la ayuda de ChatGPT. Todo integrado en un solo archivo HTML. Este es un ejemplo, un visualizador interactivo de LaTeX con MathJax: una página simple pero muy funcional, que se adapta bien a computadores y dispositivos móviles, y que es interactiva. Uno escribe LaTeX y ve en tiempo real cómo se ve el LaTeX compilado.

La idea surgió de una necesidad concreta: a veces quiero compartir cómo se escribe una fórmula en LaTeX y cómo se ve si uno compila el código LaTeX. Existen un par de sitios en la web que hacen esto, pero ninguno que ofreciera exactamente lo que yo buscaba. Le expliqué a ChatGPT lo que quería —algo que permitiera visualizar cómo se ven compiladas las fórmulas en modo inline, en modo display, y también cómo se ve compilado texto LaTeX completo— y en cuestión de minutos ya tenía un prototipo funcional.

Después de más o menos una hora de iteraciones, terminé con algo muy parecido a lo que había imaginado inicialmente (el diseño, un botón que genera enlaces que se pueden compartir por correo o chat, y todo funcionando bien en el computador y en el celular).

No es un sitio sofisticado, pero lo increíble es que se puede construir tan rápido. ¡Es como tener un desarrollador que se encarga de descifrar las cosas que uno le pide sin que le quite a uno tiempo! ¡Muy emocionante!

Este es el visualizador LaTeX con MathJax:
👉 https://enriqueacosta.github.io/LaTeXMathJaxPreview