Desbloqueando el poder de ChatGPT: Una completa serie de vídeos sobre cómo crear un chatbot de recetas ChatGPT

Bienvenido a nuestra última serie de vídeos, "Cómo construir un chatbot de recetas con ChatGPT-powered Recipe Chatbot with Botpress."

En esta serie, te guiaremos a través del proceso de creación de un chatbot de recetas ChatGPT desde cero, aprovechando las potentes funciones de Botpress' generative AI . Nuestra serie de vídeos paso a paso está diseñada para ayudar a los creadores principiantes a desbloquear todo el potencial de Botpress y ChatGPT. 

A lo largo de estos vídeos, aprenderás habilidades esenciales para la creación de chatbots, como capturar información del usuario, realizar llamadas a la API, mostrar contenido en carruseles y aprovechar el poder de las tareas de IA para diseñar conversaciones interactivas y atractivas.

Puede que la serie de vídeos trate sobre un chatbot de recetas de cocina, pero no te preocupes: las habilidades que aprenderás pueden utilizarse en muchas otras situaciones: reservas de hotel, presupuestos de seguros, chats de atención al cliente... lo que se te ocurra. Todos utilizan prácticamente la misma estructura de tres partes cuando hablan con los usuarios. Así que, si nos sigues en crea , estarás en el buen camino para crear tu propio chatbot ChatGPT para tu organización, sin importar el sector o la aplicación que tengas en mente.

Desglose de la serie de vídeos

Vídeo 1 Visión general

En el primer vídeo de la serie Recipe Bot, nuestro Gordy de Botpress presenta el proyecto de chatbot que vamos a crear juntos. Este chatbot está diseñado para ayudar a los usuarios a planificar sus cenas recomendándoles recetas basadas en sus preferencias. Gordy nos lleva a través de las tres secciones principales del chatbot: la captura de información del usuario, el uso de una API para obtener recetas y la provisión de preguntas y respuestas contextuales.

Una de las características más interesantes que Gordy destaca es la hoja de ruta AI, que aprovecha ChatGPT para simplificar el proceso de creación del chatbot, haciéndolo más rápido y sencillo que nunca. Al final del primer vídeo, estarás deseando sumergirte en el resto de la serie, donde crearemos un nuevo bot y crea el chatbot de recetas desde cero.

Vídeo 2: Captura de información

En el segundo vídeo de nuestra serie, Gordy salta directamente a la primera etapa de la construcción de nuestro chatbot: capturar la información del usuario. Nos guía a través del proceso de creación de un nuevo bot y la limpieza de la plantilla por defecto para proporcionar una pizarra limpia para el proyecto. Para planificar el chatbot, Gordy crea nodos vacíos para cada tarea, empezando por saludar al usuario, preguntar por el número de personas, preguntar por las preferencias dietéticas y, por último, obtener una consulta de búsqueda de recetas. 

Gordy demuestra cómo utilizar la "tarjeta de captura" para extraer información del usuario, como el número de personas, y almacenarla en una variable. A continuación, pasa a capturar las preferencias dietéticas creando opciones personalizadas para que el usuario elija. El último paso consiste en aprovechar ChatGPT para gestionar la consulta de búsqueda de recetas. Utilizando una hoja de ruta de IA, Gordy ordena a ChatGPT que clasifique los datos introducidos por el usuario y extraiga las palabras clave pertinentes. 

A lo largo del vídeo, Gordy prueba cada paso en el emulador Botpress para asegurarse de que todo funciona según lo previsto. Con el esqueleto básico del bot listo, el escenario está preparado para el próximo vídeo, en el que aprenderemos a utilizar la tarjeta "Ejecutar código" para llamar a una API externa y obtener recetas del mundo real para el usuario. Permanece atento a las próximas aventuras de construcción de bots.

Vídeo 3: Llamada a una API externa

En el tercer vídeo de la serie, Gordy continúa crea el chatbot utilizando Botpress Studio's generative AI características. En este episodio, se centra en el uso de una API externa para obtener datos del mundo real basados en la información introducida por el usuario. La API utilizada es Spoonacular, que ofrece una gran base de datos de alimentos y un generoso nivel gratuito.

Tras registrarse en Spoonacular y obtener una clave API, Gordy muestra cómo utilizar variables de entorno en Botpress Studio para almacenar y gestionar la clave API de forma segura. A continuación, describe un plan para llamar a la API y procesar los datos. 

Para escribir el código necesario para realizar la llamada a la API, Gordy aprovecha la función "Ejecutar código" de GPT en Botpress. Al proporcionar un mensaje detallado, consigue que GPT genere el código necesario, que incluye la gestión de los parámetros de la llamada a la API y el almacenamiento de los resultados en el flujo de trabajo. A continuación, modifica un nodo para mostrar los resultados de la llamada a la API como texto. 

Al probar el chatbot en el emulador, la llamada a la API recupera con éxito una gran cantidad de información. En el próximo vídeo, Gordy se centrará en transformar estos datos en un carrusel visualmente atractivo, presentando al usuario una experiencia más digerible y atractiva.

Vídeo 4: Visualización dinámica de contenidos en un carrusel

Después de obtener los datos de la API externa de Spoonacular en el vídeo anterior, este cuarto vídeo se centra en analizar los datos y convertirlos de un gran bloque de texto a un carrusel visualmente atractivo. Gordy muestra el aspecto de un carrusel completo, con imágenes, títulos y botones para cada receta. El reto consiste en convertir los datos brutos de la API en este formato fácil de usar. 

Para crear el carrusel, Gordy emplea una vez más Botpress' GPT "Ejecutar código" función para ayudar a escribir el código necesario. Aunque el código generado requiere algunos ajustes manuales, GPT proporciona un sólido punto de partida. A continuación, pasa a escribir el código para manejar diferentes números de recetas devueltas por la API y muestra cómo GPT se puede utilizar para las transiciones también.

Tras configurar los nodos necesarios y rellenarlos con los nombres de variables correctos, Gordy prueba el chatbot y genera con éxito un carrusel con tres tarjetas de recetas. 

Vídeo 5: Llamada a una API externa

El quinto vídeo se centra en la integración de ChatGPT para potenciar las preguntas y respuestas contextuales, lo que permite a los usuarios hacer preguntas sobre las recetas obtenidas de la API de Spoonacular y recibir respuestas pertinentes y precisas.

Para ello, Gordy planifica una serie de nodos que plantean preguntas a los usuarios, las responden en ChatGPT y les preguntan si tienen más dudas. Muestra el proceso de configuración de las tareas y transiciones de la IA, haciendo hincapié en la importancia de proporcionar información contextual y dar a la IA una "salida" para combatir los problemas de alucinación.

Gordy muestra cómo crear una variable de historial de chat mediante la ejecución de un fragmento de código, asegurándose de que el chatbot respeta el límite de 5.000 caracteres. A continuación, prueba el chatbot haciéndole varias preguntas sobre las recetas, y la IA proporciona con éxito respuestas precisas y contextualmente relevantes.

Vídeo 6: Publicar y compartir tu bot

El sexto vídeo de nuestra serie pasa de crear bots a compartirlos. Gordy pasa a explicar cómo publicar e incrustar el bot Receta en un sitio web, lo que permite a un público más amplio interactuar con el chatbot. Con un solo clic, Botpress Cloud Studio nos permite publicar el bot y, a continuación, podemos distribuir un enlace para que otros interactúen con el bot mediante el botón "Compartir".

Para integrar el bot en un sitio web, Gordy demuestra el uso del canal web en el panel de control Botpress Admin. Copia el código proporcionado y lo incrusta en una página de GitHub, haciendo que el bot sea accesible directamente desde el sitio web.

Vídeo 7: Dar personalidad a tu bot con IA

En el séptimo vídeo de la serie, Gordy nos muestra cómo podemos mejorar la capacidad de atracción del robot de recetas utilizando la función AI Personality. El objetivo de dotar al robot de recetas de personalidad es convertirlo en un animado conversador que evite las interacciones repetitivas.

Antes, para dotar a un bot de diferentes saludos o estilos de pregunta había que hacerlo manualmente, lo que podía llevar bastante tiempo. Con la función AI Personality de Botpress , el proceso es mucho más sencillo.

Gordy accede a la configuración del chatbot y muestra la "Reescritura de la personalidad". Al describir el tipo de personalidad deseada -en este caso, un chef de dibujos animados de una película infantil-, puede influir en el estilo de comunicación del bot, incluido el uso de emojis. 

La belleza de la función AI Personality es que permite que una personalidad bot consistente brille a lo largo de la conversación, sin importar la dirección que tome.

Vídeo 8: Cómo gestionar los fracasos conversacionales

En el octavo vídeo de la serie Recipe Bot, Gordy se sumerge en el concepto de "fallbacks": planes de contingencia esenciales diseñados para hacer frente a respuestas inesperadas de los usuarios y a usuarios que no cooperan. ¿El objetivo? Crear flujos conversacionales más sólidos y resistentes con nuestro Recipe Bot.

Gordy comienza identificando posibles problemas en la pregunta inicial del bot, como cuando un usuario proporciona respuestas poco claras o inusuales. Para ello, Studio ofrece una solución sencilla: los reintentos. Aumentando el número de reintentos, podemos escalar sutilmente el detalle en nuestra pregunta para buscar una respuesta más precisa por parte del usuario.

Sin embargo, los reintentos por sí solos no siempre son suficientes. Para escenarios en los que un usuario proporciona respuestas inviables (por ejemplo, si necesita una receta para un millón de personas), Gordy introduce el concepto de validación. La validación permite definir reglas precisas sobre los datos que extrae una tarjeta de captura. 

La tercera capa de planificación de fallback implica transiciones para manejar el fracaso, que pueden añadirse si el bot no consigue extraer la información correcta del usuario después de agotar los reintentos. Esto evita que el bot se quede atascado en un bucle repitiendo la misma pregunta y permite que la conversación avance de forma natural.

Vídeo 9: Estimulación de la cadena de pensamiento

En la novena entrega de la serie, Gordy lleva al Recipe Bot al siguiente nivel mejorando la solidez de sus Tareas de IA y abordando las alucinaciones de la IA.

Al principio del vídeo, Gordy presenta un reto interesante: ¿qué ocurre si un usuario solicita algo que no está relacionado con el propósito de nuestro bot, como una receta de Minecraft? Para gestionar este tipo de consultas y evitar llamadas innecesarias a la API, Gordy implementa una tarea de clasificación. Esta tarea inicial filtra el mensaje del usuario, determinando si se trata de una solicitud de "receta de comida" o "fuera de alcance". A continuación, utilizamos una transición para crear un nodo de reserva que atrape las preguntas fuera de alcance e informe al usuario sobre la función específica del bot.

La segunda parte del vídeo se sumerge en un fascinante reto de la IA: Las alucinaciones de la IA. Éstas se producen cuando un modelo de IA como ChatGPT afirma con seguridad algo que es incorrecto. Gordy propone dos estrategias para combatirlo: (1) proporcionar información objetiva en el mensaje y (2) emplear una técnica llamada Chain of Thought (cadena de pensamiento).

Desarrollado por Google, Chain of Thought descompone los problemas complejos en componentes más pequeños. Cada uno de estos componentes se procesa a través de la IA, y las respuestas se utilizan para generar una respuesta final precisa. Gordy muestra cómo aplicar esta técnica en Studio, lo que mejora la precisión del robot de recetas, especialmente en el caso de consultas complejas de los usuarios.

Vídeo 10: Cómo utilizar la plantilla Recipe Bot

En el décimo y último vídeo de la serie, Gordy cierra el círculo del viaje del Recipe Bot. Comienza mostrándonos cómo acceder al bot que hemos visto construir desde cero en Botpress Studio.

A continuación, se nos presenta un componente fundamental para que la plantilla del bot funcione: la adición de una clave de API. Después de crear una cuenta en Spoonacular y obtener la clave, se añade al bot en Studio y, de este modo, el Bot de recetas está listo para responder a preguntas culinarias.

El bot de plantilla viene equipado con todas las funciones demostradas en la serie, incluido el flujo de trabajo de la Cadena de Pensamiento. Sin embargo, si quieres que el bot ofrezca sólo la respuesta final sin todo el proceso de la Cadena de Pensamiento, Gordy muestra cómo puedes modificar fácilmente el flujo de trabajo.

El último vídeo hace hincapié en la flexibilidad y adaptabilidad de Botpress, mostrando cómo una plantilla de bot -repleta de un rico conjunto de funciones- puede poner en marcha el proceso de creación de un bot desde la idea hasta la prueba de concepto plenamente operativa.

Fragmentos de código

Fragmento de código que aparece en el vídeo 3 para llamar a la API de Spoonacular

var options = {
  method: 'GET',
  url: 'https://api.spoonacular.com/recipes/complexSearch',
  params: {
    query: workflow.baseQuery,
    diet: encodeURIComponent(workflow.dietType),
    apiKey: env.apiKey,
    number: '3',
    ignorePantry: 'false',
    sort: 'popularity',
    sortDirection: 'asc',
    addRecipeInformation: 'true',
    addRecipeNutrition: 'false'
  }
}
const response = await axios.request(options)
if (response.status == 200) {
  workflow.recipes = response.data.results
} else {
  console.log(`API call failed with status code ${response.status}`)
}

Fragmento de código que aparece en el vídeo 4 para mostrar el carrusel de recetas

workflow.recipes = []
const myCards = workflow.recipeInfo.map((recipe) => {
  workflow.recipes.push({
    title: recipe.title,
    vegetarian: recipe.vegetarian,
    vegan: recipe.vegan,
    glutenFree: recipe.glutenFree,
    dairyFree: recipe.dairyFree,
    veryHealthy: recipe.veryHealthy,
    cheap: recipe.cheap,
    veryPopular: recipe.veryPopular,
    readyInMinutes: recipe.readyInMinutes,
    servings: recipe.servings,
    summary: recipe.summary
  })
  // create the card object
  return {
    type: 'card',
    title: {
      dynamicValue: `${recipe.title}`,
      valueType: 'dynamic'
    },
    subtitle: {
      dynamicValue: '',
      valueType: 'dynamic'
    },
    imageUrl: {
      dynamicValue: `${recipe.image}`,
      valueType: 'dynamic'
    },
    actions: [
      {
        action: 'url',
        label: 'View Recipe',
        value: `${recipe.sourceUrl}`
      }
    ]
  }
})
workflow.cards = []
for (var card of myCards) {
  workflow.cards.push({
    //in order to render a card, we only need these three fields
    title: card.title,
    imageUrl: card.imageUrl,
    actions: card.actions[0]
  })
}

Fragmento de código que aparece en el vídeo 5 para preparar el historial de chat

workflow.chatHistory = []
event.state.session.history.map((message) => {
  if (message.preview != 'What would you like to know about these recipes?') {
    workflow.chatHistory.push(`${message.sender}:${message.preview}`)
  }
})

const myStr = `Using the provided recipe information and chat history as context, try to answer the question as honestly as possible. If you don't know the answer, say "I don't know." 

Your answer should be friendly and complete, using the same words from the question as much as possible.
Recipe info: ${JSON.stringify(workflow.recipeInfo)}
Chat history: ${JSON.stringify(workflow.chatHistory)}
User question: ${event.preview}}`
console.log(`The prompt is ${myStr.length} characters long`)
if (myStr.length > 5000) {
  console.log('The prompt is too long! Omitting the chat history...')
  workflow.chatHistory = []
}

Conclusión

En esta completa serie de vídeos, Gordy exploró el proceso de creación de un chatbot de recetas con ChatGPT utilizando Botpress. La serie cubrió técnicas esenciales de creación de chatbot, como la captura de información del usuario, la realización de llamadas a la API, la visualización de contenido en carruseles y el aprovechamiento del poder de las tareas de IA para crear conversaciones interactivas y atractivas. También profundizamos en temas más avanzados, como la integración de ChatGPT para preguntas y respuestas contextuales, la infusión de una personalidad animada al bot, la creación de fallbacks y la realización de prompting de cadena de pensamiento.

Si aún no lo has hecho, te invitamos a explorar la serie de vídeos y empezar a construir tu propio chatbots utilizando Botpress. Las habilidades y técnicas mostradas durante la construcción del bot de recetas son transferibles a una variedad de aplicaciones de chatbot en diferentes industrias. Una vez finalizada la serie, ¡te animamos a que te unas a nosotros en nuestra próxima serie de creación de bots!

Con el poder de ChatGPT y Botpress a su alcance, ahora está bien equipado para crear un sitio chatbots dinámico y atractivo que se adapte a las necesidades específicas de su organización. Empiece: ¡es gratis!

¡Feliz creación de bots!