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.

Jan Demmerle
Jan Demmerle
8 min
07 Dec, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

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.

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

Building a Voice-Enabled AI Assistant With Javascript
JSNation 2023JSNation 2023
21 min
Building a Voice-Enabled AI Assistant With Javascript
Top Content
In this talk, we'll build our own Jarvis using Web APIs and langchain. There will be live coding.
AI and Web Development: Hype or Reality
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.
The Rise of the AI Engineer
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!
Building the AI for Athena Crisis
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!
Web Apps of the Future With Web AI
JSNation 2024JSNation 2024
32 min
Web Apps of the Future With Web AI
AI is everywhere, but why should you care, as a web developer? Join Jason Mayes, Web AI Lead at Google, who will get you on track by demystifying common terminology ensuring no one is left behind, and then take you through some of the latest machine learning models, tools, and frameworks you can use right in the browser via JavaScript to help you bring your creative web app ideas to life for almost any industry you may be working in. By moving AI to the client side, there is no reliance on the server after the page load, bringing you benefits such as privacy, low latency, offline solutions, and lower costs which will be of growing importance as the field develops. This talk is suitable for everyone with a curiosity for web and machine learning, so come along and learn something new to put in your web engineering toolkit for 2024.
Code coverage with AI
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!

Workshops on related topic

AI on Demand: Serverless AI
DevOps.js Conf 2024DevOps.js Conf 2024
163 min
AI on Demand: Serverless AI
Top Content
Featured WorkshopFree
Nathan Disidore
Nathan Disidore
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.
Working With OpenAI and Prompt Engineering for React Developers
React Advanced Conference 2023React Advanced Conference 2023
98 min
Working With OpenAI and Prompt Engineering for React Developers
Top Content
Workshop
Richard Moss
Richard Moss
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
Intro to AI for JavaScript Developers with Tensorflow.js
JSNation Live 2021JSNation Live 2021
81 min
Intro to AI for JavaScript Developers with Tensorflow.js
Workshop
Chris Achard
Chris Achard
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.