Construyendo un Sumiller Digital en ChatGPT y la API de OpenAI

Rate this content
Bookmark
Slides

Cuando se trata como una plataforma, los LLMs como ChatGPT se convierten en poderosos bloques de construcción para agentes conversacionales personalizados. En esta charla, utilizamos la API de OpenAI y el SDK de Vercel AI para construir un sumiller digital que recomienda el vino perfecto.

8 min
07 Dec, 2023

AI Generated Video Summary

La charla de hoy introduce el concepto de construir un sumiller digital impulsado por IA utilizando el SDK de Bracel.ai. El orador enfatiza el papel de los desarrolladores en dar forma al impacto de la IA, particularmente la IA generativa, en nuestro trabajo. La charla muestra un sumiller digital simple construido utilizando el SDK de Resell AI y la API de OpenAI, destacando la facilidad de implementación y el potencial de las herramientas de código abierto. El orador anima a los usuarios a explorar las posibilidades de la IA generativa de manera responsable y recomienda echar un vistazo a And Why, un estudio de diseño y tecnología de Munich.

1. Introducción al Sommelier Potenciado por IA

Short description:

Hoy quiero mostrarles cómo construir un sommelier digital potenciado por IA a través del SDK de Bracel.ai. La IA, especialmente la IA generativa, tendrá un profundo efecto en cómo trabajamos. Nosotros, como desarrolladores, podemos dar forma a ese cómo. Somos los que construimos y diseñamos las interfaces que facilitan entre los usuarios y los grandes modelos de lenguaje. Es realmente sencillo comenzar.

Sí, muchas gracias por tenerme. Mi nombre es Jan. Soy el desarrollador principal en EddDwye y hoy quiero mostrarles cómo construir un sommelier digital potenciado por IA a través del SDK de Bracel.ai. Inicialmente se planeó que esta charla fuera parte del Día Remoto el martes. Así que cuando grabé la primera versión hace un par de semanas, hablé sobre el frenético ritmo al que están cambiando las cosas en el espacio de la IA. Y supongo que el último desarrollo realmente demostró ese punto. Y pensé, ¿mi charla sigue siendo relevante? Porque hace un par de semanas, recibimos versiones personalizadas de JetGPT. Quizás lo hayas probado. Puedes construir tus propias versiones de JetGPT para cualquier tipo de tema. ¿Y adivina qué? Hay muchos sommeliers entre ellos y en realidad son bastante buenos. Así que pensé, genial. ¿Qué significa esto para mi charla? Y luego Sam Altman fue destituido como CEO de OpenAI. La mayoría de sus empleados se pusieron en huelga y pensé, bueno, ¿cuánto tiempo seguirá estando esta API? Pero desde entonces las cosas se calmaron un poco. Altman está de vuelta como CEO en OpenAI. Y sí, creo que cuando lo pensé, el mensaje subyacente de mi charla sigue siendo cierto. Eso es que la IA, especialmente la IA generativa, tendrá un profundo efecto en cómo trabajamos. Lo bueno es que nosotros, como desarrolladores, podemos dar forma a ese cómo. Somos los que construimos y diseñamos las interfaces que facilitan entre los usuarios y los grandes modelos de lenguaje. Y eso nos da una posición realmente buena en esta transición a usar herramientas de IA generativa. Lo mejor es que en realidad es muy sencillo comenzar. No toma más de cinco minutos. Así que elijamos un desafío y veamos hasta dónde llegamos.

2. Construyendo un Sencillo Sommelier Digital

Short description:

Podemos construir un sencillo sommelier digital utilizando el SDK de Resell AI y la API de OpenAI. La interfaz de usuario consta de dos columnas: un menú para la comida y una lista de vinos para maridar. El código es sencillo, utilizando el gancho de chat y las funciones auxiliares del SDK de Resell AI. El código del lado del servidor implica iniciar un cliente para la API de OpenAI y especificar el modelo (GPT 3.5 TORGO). Después de enviar los datos del plato a la API, recibimos una respuesta en streaming que se muestra en la pantalla utilizando el gancho de chat. Es un gran ejemplo de lo que se puede lograr con herramientas de código abierto.

Entonces, tal vez lo adivinaste por el tema. Me encanta el vino y me gusta maridar comida y vino, pero literalmente hay millones de posibilidades de varias regiones y países, Francia, España, Italia, como quieras llamarlo. Así que encontrar el maridaje correcto puede ser realmente desafiante. Pero podemos construir un sommelier digital realmente simple, y con suerte inteligente, que nos ayude a encontrar ese maridaje perfecto.

Entonces, hagamos eso en los próximos cinco minutos con el SDK de Resell AI y la API de OpenAI. Comenzaremos con una interfaz de usuario realmente simple. No miento si te digo que esto fue lo que más tiempo me llevó armar. Así que tenemos dos columnas, hay un menú a la izquierda, es decir, la comida, y hay una lista de vinos a la derecha para maridar con la comida. Y en la parte inferior, tienes un pequeño formulario, un área de texto donde puedes agregar nuevos platos al menú.

Si observas el código, es realmente simple. Hacemos uso del gancho de chat proporcionado por el SDK de Resell AI, y nos da un conjunto de funciones auxiliares para interactuar con los grandes modelos de lenguaje. Así que hace todo el trabajo pesado, no hay mucho que necesitemos hacer aquí. Y tenemos el formulario en sí, que utiliza algunas de estas funciones auxiliares para enviar los data a una ruta de la API. Eso también es realmente bastante simple. En el servidor, tenemos tres cosas, iniciamos un cliente para interactuar con la API de OpenAI, especificamos el modelo. En este caso, es GPT 3.5 TORGO. Proporcionamos nuestra clave de la API de OpenAI. Desafortunadamente, no es gratis. Y eso es todo.

Leemos los data del formulario de la solicitud, en este caso el plato con el que queremos maridar un vino, y lo enviamos a la API de OpenAI. Lo que obtenemos a cambio es una respuesta en streaming, o una respuesta que convertimos en una lectura legible que enviamos de vuelta al cliente. Y aquí, no hay mucho más que hacer. De nuevo, usamos el gancho de chat para mostrar esta respuesta en streaming en la pantalla. Y eso nos da ese bonito efecto que parece que la IA está realmente escribiendo la respuesta. Probablemente si has usado chat GPT, lo has visto antes. Y eso es realmente todo lo que hay que hacer. Tal vez un centenar de líneas de código. Pero creo que es una buena muestra de lo que puedes hacer realmente rápido con herramientas de código abierto. Pero veamos si eso realmente funciona. Así que preparé un pequeño ejemplo.

3. Construyendo un Sommelier de IA

Short description:

Este es nuestro verdadero sommelier. Es realmente sencillo comenzar. No necesitas ser un experto en IA. Solo pruébalo. Piensa en cómo los usuarios interactuarán con la IA generativa o estas herramientas. Piensa en los usos responsables y luego diviértete con ello. Echa un vistazo a And Why, un pequeño estudio de diseño y tecnología de Munich.

Entonces, este es nuestro verdadero sommelier. Comencemos con ostras frescas en hielo y veamos qué obtenemos. ¿Qué tipo de vino maridar? Entonces nos sugiere un champán. Es un maridaje realmente clásico. Así que supongo que es un buen comienzo.

Hagamos algo para Navidad. Quizás un pato asado con salsa de vino tinto a continuación. Y se marida con un pinot noir. Podría ser de Francia, un vino tinto o de California. ¿Quién sabe? Y probablemente iría realmente bien. No es muy específico, pero sí, ¿por qué no?

Y terminemos con un postre. Quizás Mousse au chocolat es agradable para esta época del año. Y obtenemos un vino de Oporto. Supongo que hay algunas personas de Portugal aquí. Así que probablemente lo saben. Es un maridaje realmente clásico. Vino dulce con un postre dulce. Y eso es realmente todo lo que hay que hacer.

No sé si reemplaza a los sommeliers reales en cualquier momento pronto. Pero lo que quería hacer con esta charla es básicamente mostrarte que es realmente sencillo para empezar. Literalmente no son ni cien líneas de código. Usamos herramientas gratuitas, herramientas de código abierto. Creo que incluso hay algunos colaboradores aquí. Así que uso Next.js, el SDK brasileño y para la bonita interfaz de usuario, ShadeCN. Así que puedo recomendarlos altamente. Pero la esencia de esto es que es realmente fácil empezar. No necesitas ser un experto en IA. Solo pruébalo. Elige un desafío. Despliega algo en RSL o Netlify o lo que sea y ve cómo va. Creo que lo que deberíamos tener en cuenta si trabajas en eso en algunas aplicaciones más serias, piensa en cómo los usuarios interactuarán con la IA generativa o estas herramientas. Piensa en los usos responsables y luego diviértete con ello.

Y sí, eso es realmente todo lo que hay en mi charla. Si te gustó, por favor también echa un vistazo a And Why. Somos un pequeño estudio de diseño y tecnología de Munich. También tenemos una oficina aquí en Berlín. Y hacemos desarrollo junto a la IA, 3D y experiencias inmersivas en la web. Gracias.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

JSNation 2023JSNation 2023
24 min
AI and Web Development: Hype or Reality
In this talk, we'll take a look at the growing intersection of AI and web development. There's a lot of buzz around the potential uses of AI in writing, understanding, and debugging code, and integrating it into our applications is becoming easier and more affordable. But there are also questions about the future of AI in app development, and whether it will make us more productive or take our jobs.
There's a lot of excitement, skepticism, and concern about the rise of AI in web development. We'll explore the real potential for AI in creating new web development frameworks, and separate fact from fiction.
So if you're interested in the future of web development and the role of AI in it, this talk is for you. Oh, and this talk abstract was written by AI after I gave it several of my unstructured thoughts.
React Summit US 2023React Summit US 2023
30 min
The Rise of the AI Engineer
We are observing a once in a generation “shift right” of applied AI, fueled by the emergent capabilities and open source/API availability of Foundation Models. A wide range of AI tasks that used to take 5 years and a research team to accomplish in 2013, now just require API docs and a spare afternoon in 2023. Emergent capabilities are creating an emerging title: to wield them, we'll have to go beyond the Prompt Engineer and write *software*. Let's explore the wide array of new opportunities in the age of Software 3.0!
JS GameDev Summit 2023JS GameDev Summit 2023
37 min
Building the AI for Athena Crisis
This talk will dive into how to build an AI for a turn based strategy game from scratch. When I started building Athena Crisis, I had no idea how to build an AI. All the available resources were too complex or confusing, so I just started building it based on how I would play the game. If you would like to learn how to build an AI, check out this talk!
TestJS Summit 2023TestJS Summit 2023
8 min
Code coverage with AI
In this lightning demo I will showcase how Codium, a cutting-edge generative AI tool, is revolutionizing code integrity. We will demonstrate Codium's ability to generate useful Mocha tests, taken from a public repository and highlight the seamless integration. You can see Codium as it transforms complex test scenarios into actionable insights, propelling code coverage forward. Join us for an insightful peek into the future of automated testing where speed meets quality!
React Summit 2023React Summit 2023
29 min
Improving Developer Happiness with AI
GitHub Copilot is an AI pair programmer that can help you write code faster and spend less time writing repetitive code.This session will cover some interesting use cases for Copilot that could shine a light on its possibilities. This ranges from prompting Copilot to suggest a function based on a comment, learning how to use a new framework, tackling a security or accessibility bug, better documenting your code, translating  code from one language to another, etc.Agenda:
Introduction to CoPilot
- What is Copilot
- How can you use it
- How it can help you write code faster
- Copilot Labs experimental features I will pick examples from the React ecosystem and show how we can fix Security Vulnerabilities and Accessibility issues in some components.

Workshops on related topic

DevOps.js Conf 2024DevOps.js Conf 2024
163 min
AI on Demand: Serverless AI
Featured WorkshopFree
In this workshop, we discuss the merits of serverless architecture and how it can be applied to the AI space. We'll explore options around building serverless RAG applications for a more lambda-esque approach to AI. Next, we'll get hands on and build a sample CRUD app that allows you to store information and query it using an LLM with Workers AI, Vectorize, D1, and Cloudflare Workers.
React Advanced Conference 2023React Advanced Conference 2023
98 min
Working With OpenAI and Prompt Engineering for React Developers
Workshop
In this workshop we'll take a tour of applied AI from the perspective of front end developers, zooming in on the emerging best practices when it comes to working with LLMs to build great products. This workshop is based on learnings from working with the OpenAI API from its debut last November to build out a working MVP which became PowerModeAI (A customer facing ideation and slide creation tool).
In the workshop they'll be a mix of presentation and hands on exercises to cover topics including:
- GPT fundamentals- Pitfalls of LLMs- Prompt engineering best practices and techniques- Using the playground effectively- Installing and configuring the OpenAI SDK- Approaches to working with the API and prompt management- Implementing the API to build an AI powered customer facing application- Fine tuning and embeddings- Emerging best practice on LLMOps
JSNation Live 2021JSNation Live 2021
81 min
Intro to AI for JavaScript Developers with Tensorflow.js
Workshop
Have you wanted to explore AI, but didn't want to learn Python to do it? Tensorflow.js lets you use AI and deep learning in javascript – no python required!
We'll take a look at the different tasks AI can help solve, and how to use Tensorflow.js to solve them. You don't need to know any AI to get started - we'll start with the basics, but we'll still be able to see some neat demos, because Tensorflow.js has a bunch of functionality and pre-built models that you can use on the server or in the browser.
After this workshop, you should be able to set up and run pre-built Tensorflow.js models, or begin to write and train your own models on your own data.