Developer diaries

Developer Diary #3: Typebot y Bugfixes

NOTA: Parece que el chatbot en Typebot alucinaba y se inventaba los enlaces. Lo he solucionado al menos en el asistente web. Todavía no en el recomendador de libros

A medida que investigaba, he encontrado soluciones mejores que han llevado a cambios. Primero utilicé los agentes de Jotform, una plataforma con pocas posibilidades de configuración pero que funcionaba bien. 

Luego intenté una configuración vía n8n pero tuve muchos problemas a la hora de implementar el frontend (la parte visual) en esta plantilla (Thrive Themes). 

La solución final ha llegado con Typebot, un software que me pemite el grado ideal de customización y, al mismo tiempo, de programación «no-code». Lo primero que he hecho ha sido rehacer el asistente web y remapearlo con algunas opciones más. Como se observa en la imagen, la construcción del chatbot es modular, y en un momento dado conecta con la API de OpenAI (modelo 4.1 mini)

La primera versión contiene 205 referencias (artículos, vídeos, libros y publicaciones) que conforman mi obra publicada en internet (sin tener en cuenta las piezas de Instagram). El plan es seguir desarrollando esta herramienta en sucesivas actualizaciones.

Tengo previsto, en sucesivas versiones, ampliar la profundidad de la muestra a obras más raras y granuladas (pintura, investigaciones y publicaciones pasadas y todas las menciones literarias del programa Tres Tristes Tontos)

PROBLEMAS CON LAS ALUCINACIONES

Una primera versión del bot, especializado en dar referencias de vídeos y artículos de mi obra a partir de temas, funcionaba perfecto con excepción de un detalle: se inventaba los enlaces. Por ejemplo, si escribías «Magick» como tema de interés, el bot era capaz de encontrar los principales contenidos que he escrito sobre el tema, pero al darme el resultado me daba un enlace que conducía a «ninguna parte».

La solución me la ha dado Gemini 2.5 Pro. La fuente de datos que le daba era un excel dividido en columnas, lo cual llevaba a errores dado que la IA tendía a leer solo algunas columnas. Por ello, una nueva reconfiguración de los datos en el excel (tono en una sola columna) y un nuevo prompt solucionaron el problema de la alucinacion.

Lo ideal sería poder crear un RAG que manejara el contenido completo, pero Typebot no ofrece una solución que no implique pagar otros servicios. De momento, dado que el dataset de mi obra es breve, mantendré el método vigente. Dado que ha demostrado dar resultado tras múltiples afinamientos.

Pido disculpas para aquellos que han servido como «testers» o conejillos de indias

NUEVAS FUNCIONALIDADES EN LA WEB

– Nueva página centrada en «Video ensayos hechos con IA»- Nueva página de «Welcome» para nuevos usuarios // Tutorial básico de navegación – Nuevo Tooltip con últimas novedades en la sidebar del Dashboard

– Nuevo Tooltip con últimas novedades en la sidebar del Dashboard- Nueva página de error 404: ahora activa el chatbot y ofrece soluciones para volver a la navegación- Nuevo Menú de Navegaciones Concentrado y Reorganizado– Nueva página de aviso: «Solo para suscriptores»- Nueva Página de «Creaciones»- Nueva Página de «Trabajos»- Nuevas Tiras visuales para distribuir a los usuarios logueados por los contenidos bajo suscripción- Nueva Investigación / Conferencia universitaria: ¿Qué es la inteligencia?BUG FIXES

A pesar de que la web no es propiamente un mastodonte, sí es antigua, tiene documentos que ascienden al año 2007 y en el remodelado completo han surgido toda clase de errores que voy corrigiendo a medida que tengo tiempo, con el objetivo de ir mejorando la experiencia. Aquí algunas mejoras

– FIXED: Ampliación y extensión de los headers que quedaban recordados- FIXED: Inclusión de botones de «Crear cuenta» y «Registro» en la cabecera de la versión móvil- FIXED: Reparación problemas de maquetación landing de la Tool: «Qué monstruo es tu ex» e inclusión en la navegación- FIXED: No se podía acceder al Quiz «Qué monstruo es tu EX» desde el menú- FIXED: Es posible acceder de nuevo a la sección «Quién soy» desde el menú de navegación- FIXED: Headers demasiado estrechos en algunas plantillas de Thrive- FIXED: Intercambiado el asistente IA de Jotform por el de Typebot, más avanzado, dado que el primero había dejado de funcionar como se esperaba.

Developer Diary #2: Qué monstruo es tu EX y bugfixes

Debido al rápido lanzamiento de varias funcionalidades en fase beta he podido recabar datos y encontrar elementos a corregir. Parte del trabajo de este mes ha consistido en depurar el trabajo hecho a nivel de maquetación y UX mientras, en paralelo, resubía contenidos esotéricos de valor a la web. 

Las novedades son, para suscriptores con cuenta gratuita: 21 capítulos de un Diario esotérico escrito en época de parcial locura (2019 – 2021) y el mítico quiz, aparecido en la novela Discotecas por fuera, llamado «Qué monstruo es tu EX». Para el caso he hecho una remodelación también de las preguntas e imágenes. Se trata en ambos casos de contenidos antiguos que he querido recuperar en el proceso de reactivación de esta página web como caja de creaciones – portafolio patafísico.

NUEVAS FUNCIONALIDADES

• Quiz: ¿Qué monstruo es tu EX?
• Primera Temporada del Diario Esotérico de la locura (2019)
• Segunda Temporada del Diario Esotérico de la locura (2020)

UPDATES

• Nueva versión del Dashboard (Mejoras en la navegación / UX con una barra lateral de navegación y el añadido de últimos updates para suscriptores añadidos)
• Asistente de navegación web – Versión 0.2 (Nuevo Dataset // Inicio del traslado del modelo a Anthropic / Supabase vía n8n (eliminamos el intermediario para pasar todas las request por nuestra API propia))
• Recomendador de libros Tres Tristes Tontos – Versión 0.2 (Nuevo Dataset)
• Remodelación del menú de navegación y creación de nuevas landings: /talleres/, /cerebros-ia/, /newsletter/

BUGFIXES

FIXED: error en la maquetación del Agente IA en mobile (On chat recortado)FIXED: errores de simetría en el header tras variaciones en el diseñoFIXED: funcionamiento anómalo del hover de texto en el selector de /registro/FIXED: Añadidos nuevos puntos de acceso al Diario Esotérico de la LocuraFIXED: Problemas en el maquetado de la versión móvil en /dashboard/FIXED: Renderizado del diseño correcto para usuarios no logueados que entran al /dashboard/FIXED: hover de la tipografía: oscuro en formulariosFIXED: Errores de maquetación en /prints/FIXED: Error de Varnish Caché que impedía el correcto renderizado de la HomepageFIXED: Reparada la landind de pre login que aparecía sin el diseño final

Developer Diary #1: Creación de un asistente de navegación en mi página web

Hace tiempo que busco alguna manera de unificar todos los artículos, vídeos, investigaciones, referencias y material que he ido acumulando a lo largo del tiempo. Se trata de una enorme base de datos sobre tema «Esotérico – psicológico – humanístico de nuestro tiempo» dispersa en diferentes lugares. Para unificar y hacer accesible el fruto de estas investigaciones he emprendido un proceso de estudio en paralelo: programación, por un lado, y por otro creación de agentes IA especializados en cuestiones culturales. Un campo para el que, creo, hay mucho recorrido por delante.

Seguiremos en estos diarios las diversas iteraciones de la web, los programas que cree y otros contenidos que implique alguna clase de desarrollo.

Estatus de desarrollo de los Agentes IA actuales

A continuación, antes de bajar a los detalles, un tablón donde ver de forma esquemática el estado de desarrollo de los agentes IA actualmente activos en la web a mes de febrero de 2025. Ofrezco datos técnicos, estatus y cómo acceder a ellos.

Creación de un Agente IA de navegación web

Hasta el momento, todos los contenidos de la web están reunidos por categoría en diferentes páginas navegables con grillas y paginaciones. Este sería el formato clásico de un blog: 

Sin embargo, esta construcción que funciona bien como portafolio-cementerio, presenta varios problemas:

• Los contenidos más importantes son los que aparecen primero
• La web es bastante estática dado que la actualizo muy puntualmente, de modo que parece «muerta»
• El único buscador funcional que ofrece la plantilla de WordPress es semántico: si no haces match con la palabra clave, no aparece ningún resultado

Ante esta situación crearemos un chatbot automatizado que pueda interactuar de forma humana y amigable con el usuario que llegue a la web, ofreciéndole contenidos de lectura, enlaces a videos o aquello que sea más pertinente.

Aquí os presento la versión 0.1, entrenada de momento con 73 artículos // URLs de esta web:

Objetivos de este agente conversacional que ubicaré en la web:

• Entrenar al modelo con todos los artículos de la web
• Entrenar al modelo con todos los vídeos del canal de Youtube
• Conseguir que el modelo sea un buen recomendador de lecturas y libros

Para estas primeras versiones usamos el entrenamiento de Jotform AI, pero en iteraciones más avanzadas (con agentes que requieran de mayor computación) estaremos utilizando n8n y diferentes APIs. Espero poder documentar el proceso.

Creación del TecnoChamán: un agente IA esotérico

Si para el anterio agente usé Jotform, cuya interface está pensada prácticamente para dummies, arranco un proyecto en paralelo en n8n para crear un Agente IA más sofisticado que me permita sortear al intermediario (Jotform) y usar directamente mis propios créditos de OpenAI.

La idea es sencilla: un modelo de lenguaje que conoce todo el contenido de esta web, de mi canal de YouTube, de mis libros, etc, capaz de ofrecer referencias sobre temas. Dado que el grueso de mi obra está relacionado con investigaciones sobre el mundo y la realidad desde una perspectiva esotérico-literaria, este agente será ideal para estudiantes de Esoterismo. Pero para que funcione como quiero necesito pasar a la plataforma n8n, que me permitirá un afinado mucho más preciso. 

Función: Un recomendador de vídeos esotéricos de mi canal

Aquí vemos un primer flujo sencillo: Un chat que se conecta a la base de datos de mi canal de YouTube y que me recomienda vídeos según temas: 

En pantalla tenemos el backend del recomendador de vídeos esotéricos. Es una versión muy primigenia y poco visual (de hecho, habrá que pensar en el futuro cómo conectarla con el frontend, en esencia, con la web, y que se pueda usar). Aquí te dejo un ejemplo de recomendaciones que me da, con enlace incluido, cuando le pregunto por «Sincronicidades»:

Creación de un login para la web

Después de un año y medio de abandono, me he vuelto a poner con esta web. Algo que he querido desarrollar ha sido un sistema de login. La idea es que cualquier usuario (por ejemplo tú mismo) pueda crearse una cuenta. ¿Para qué? Para poder utilizar los Agentes IA que iré creando (gratuitos y bajo suscripción). 

Para ello he tenido que refrescar mis conocimientos sobre la plantilla (Thrive Themes Suite) y sus funciones. Al final he creado los bloques para crear una cuenta, que dejo de muestra y por si alguien, de paso, quiere crearse una cuentecilla ;)

Una vez el usuario se loguea, puede acceder a todas las funciones que le permita su nivel de usuario (ahora mismo el único nivel es el gratuito. En breve, con el login, se podrán utilizar algunos Agentes IAs específicos). 

Seguiré informando de nuevos desarrollos y avances conforme disponga de tiempo para dedicar al proyecto. La web requiere al mismo tiempo de múltiples reparaciones y arreglos de bugs, por lo que he de dedicar parte de mi tiempo a dos tareas ingratas para mí: maquetación y clasificación.

Versión 1.1 | Vídeos creativos y YouTube | Mayo 2023

Actualización del 15 de mayo de 2023. Mejoras en la navegación y creación de nuevas secciones (+ primeros contenidos para estas nuevas secciones).

Actualización 1.1: Contenidos

• Lanzamiento de la enciclopedia – diario de Vídeos creativos
• Sección dedicada a los Vídeos e investigaciones de YouTube
• Creación de estos Dev Diaries para seguir la evolución de la página web

Actualización 1.1: Tech

• UX: Inclusión de un selector temático en las páginas con múltiples Obras 
• UX: Creación de un sistema de paginación en los Post List para facilitar la navegación del usuario
• UX: Cambio del menú superior a un formato de Mega Menú de WordPress
• UX: Creación de plantillas específicas para cada tipología de contenido, con una sección inferior que incluye contenidos relacionados.

Versión 1.0 | Lanzamiento | Marzo 2023

En marzo de 2023 publico la sexta edición de esta página web, nacida hace quince años. Un nuevo rediseño y un nuevo sistema de taxonomías para sintentizar de forma comprensible e intuitiva la gran variedad de temáticas tratadas. Como objetivo de esta primera versión: lanzar la web con 50 investigaciones / textos + un portfolio de publicaciones.

Esta versión 1.0 incluye:

• Nueva Página de inicio
• Sección de Libros y publicaciones
• 50 artículos publicados en la sección de Investigaciones