AI Primero: Aplicaciones del Futuro

This ad is not shown to multipass and full ticket holders
JSNation US
JSNation US 2025
November 17 - 20, 2025
New York, US & Online
See JS stars in the US biggest planetarium
Learn More
In partnership with Focus Reactive
Upcoming event
JSNation US 2025
JSNation US 2025
November 17 - 20, 2025. New York, US & Online
Learn more
Bookmark
Rate this content

Únete a Evan mientras explora el poder del diseño AI-primero. Descubre cómo priorizar la AI desde el inicio redefine las experiencias de usuario y crea un futuro donde la AI mejora sin problemas las aplicaciones en varios dominios. ¡Embarquémonos en un viaje para dar forma al futuro de las aplicaciones en la era de la AI!

This talk has been presented at JSNation 2024, check out the latest edition of this JavaScript Conference.

Evan Seaward
Evan Seaward
26 min
13 Jun, 2024

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Esta charla explora las formas en que la AI se está utilizando para dar forma al futuro de las aplicaciones. Enfatiza la importancia de un enfoque AI-primero y el potencial de la AI para mejorar varias industrias, como la aviación. La charla también contrasta las limitaciones del enfoque AI-encima con el aprendizaje continuo y el enfoque centrado en el usuario del enfoque AI-primero. Discute la importancia de construir confianza a través de la seguridad, la transparencia y el procesamiento basado en el navegador, y destaca el potencial de la AI para abordar problemas de experiencia de usuario y mejorar la accesibilidad.

1. Building AI Applications for the Future

Short description:

Soy Evan Seaward, jefe de ingeniería en HansonTable, y hoy quiero hablar sobre explorar las formas en que estamos construyendo con IA y creando aplicaciones de IA que pueden dar forma al futuro. Actualmente, muchas aplicaciones de IA están limitadas a chatbots, pero podemos hacer mucho más. Al priorizar la IA y adoptar un enfoque centrado en lo primero, podemos redefinir el futuro de las aplicaciones y superar los límites.

Soy Evan Seaward, jefe de ingeniería en HansonTable, y tuvimos una gran introducción a lo que somos, pero básicamente somos un editor de datos que tiene una interfaz de usuario y experiencia de usuario realmente genial, pero eso no es de lo que estoy aquí para hablarles hoy. De lo que estoy aquí para hablarles hoy es que creo que, a través de un cambio de mentalidad, podemos explorar las formas en que estamos construyendo con IA y crear aplicaciones de IA que van a, bueno, básicamente, para un cambio de mentalidad, todos vamos a poder construir aplicaciones de IA que van a crear el futuro juntos, básicamente. Es más o menos de lo que estoy tratando de hablar hoy, pero es un poco difícil de explicar así que vamos a repasarlo juntos, básicamente.

De hecho, estoy en la cosa equivocada. Esto está un poco roto. Básicamente, no estoy contento con el estado actual del futuro juntos. Creo que muchos de ustedes podrían compartir este mismo sentimiento conmigo. Recuerdo haber visto recientemente Back to the Future, y me sentí bastante triste cuando me di cuenta de que se suponía que íbamos a tener coches voladores para el año 2015, y han pasado casi diez años desde entonces. Básicamente me preguntaba a mí mismo, ¿dónde está mi coche flotante? Personalmente, me gustan mucho los aviones, volar, el espacio y cosas así, y también recuerdo que han pasado 57 años desde que tuvimos el último vuelo a la luna. ¿A qué se refiere todo esto? Es una buena pregunta, pero vamos a llegar allí.

Una cosa genial que pienso sobre esta imagen de IA que generé fue que hizo que los niños en esta imagen sostuvieran el volante, lo cual fue bastante divertido. No tengo un coche flotante, y no tengo una casa en la luna, ni tampoco vacaciono en Alpha Centauri, y a veces, parece que lo mejor que podrías lograr es construir una supercomputadora que calcule la respuesta al significado de la vida, el universo y todo. ¿A dónde nos está llevando básicamente la IA hoy? La mayoría de las personas que están construyendo con IA, diría yo, solo están construyendo chatbots, lo cual tiene un potencial muy limitado, porque si todo lo que haces es poner un chatbot en tu aplicación, es solo va a ser un chatbot y no tiene mucho sentido. ChatGPT fue una de las aplicaciones de consumo de más rápido crecimiento, creo que probablemente la más rápida. Alcanzó 100 millones de usuarios en aproximadamente dos meses, lo cual es una locura. Esta es la razón por la que tenemos tanto impulso detrás de la IA y por qué todo está creciendo tan rápidamente y por qué todos están haciendo eso. Creo que podemos hacer mucho más que solo chatbots. ¿Es realmente el pináculo de lo que podemos hacer en 2024?

Esta es la razón por la que, antes de hablar sobre coches flotantes y el espacio, creo que realmente podemos empujar los límites, y al construir con IA, realmente deberíamos estar pensando en cómo podemos realmente cambiar el futuro, porque actualmente no estamos haciendo eso, creo, si todo lo que estamos haciendo es agregar un chatbot a nuestra aplicación. Así que, básicamente, apunten más alto para usar la IA para mejorar nuestra vida, o resolver problemas del mundo real, así reaviva nuestro impulso por la innovación y empuja los límites, básicamente. Creo que una cosa realmente buena para mirar hacia atrás cuando se trata de esto es mirar hacia atrás al cambio hacia lo móvil que ocurrió. Creo que es un poco similar. Es difícil ver la similitud al principio, pero básicamente, las aplicaciones que adoptaron lo móvil primero remodelaron la industria, y pudimos avanzar mucho más rápido con eso, pero cuando se trata de aplicaciones que estaban construyendo lo móvil como una ocurrencia tardía, realmente no funcionó muy bien. Así que, este es el tipo de cambio que estamos empezando a ver. Estamos como reexplorando este espacio, porque probablemente, mientras todos estamos desarrollando aplicaciones ahora, nos gusta pensar que somos algo móviles primero, pero realmente no lo somos la mayor parte del tiempo. Todavía es en su mayoría una ocurrencia tardía, pero conocemos estos patrones de UX y patrones de diseño que funcionan bien ahora. Así que, lo que necesitamos averiguar es cómo hacer esto con IA, y cómo construir una aplicación que realmente aproveche todo este tipo de cosas. Creo que es otra forma de enmarcarlo como un enfoque centrado en lo primero es lo que necesitamos hacer, y básicamente, si configuramos esto, podemos definir un nuevo futuro de aplicaciones y de IA en general. Básicamente, necesitamos priorizar la IA para que nos guíe hacia este nuevo futuro de aplicaciones y no quedarnos atrás como muchas empresas que no adoptaron realmente lo móvil o se quedaron allí como viejas formas. Creo que esta es la forma más simple de reducirlo, hay dos maneras. Está construyendo sobre, así que esta es la forma en que la mayoría de las personas podrían ser introducidas a ChatGPT.

2. Exploring AI Interfaces and Enhancing Industries

Short description:

Un enfoque de IA primero implica evolucionar continuamente y asumir que lo que construimos cambiará. Similar al cambio hacia lo móvil primero, necesitamos priorizar las interfaces con IA y explorar formas de mejorar diversas industrias, como la aviación. Al integrar modelos y usar transcripción de voz, podemos mejorar el trabajo de los pilotos y empujar los límites de las aplicaciones de IA.

Recuerdo cuando ChatGPT salió, y se volvió realmente popular, fue como, pongámoslo en nuestra aplicación, y ahora tenemos una start-up de IA, es un poco la broma ahí. Pero esto realmente no implica mucha imaginación de cómo podemos realmente seguir adelante y construir una aplicación, y creo que es muy difícil averiguarlo todavía porque nadie realmente lo está haciendo demasiado, y solo necesitamos encontrar su camino. Un enfoque de IA primero es básicamente que necesitamos asumir que la IA va a evolucionar y cambiar continuamente, y es difícil predecir el futuro, pero necesitamos asumir que lo que estamos construyendo va a cambiar. Creo que es un poco como el cambio hacia lo móvil primero desde el principio.

Hay una construcción sobre, como agregar cosas a medias, aunque probablemente todos logremos hacer un sitio web con este móvil primero agregado al final. Este era yo hace muchos años, a los 16 años, antes de decidir siquiera conducir un coche, decidí volar un avión, y es fascinante pensar que podría haber jóvenes de 16 años sobre nosotros ahora mismo volando aviones, pero probablemente la mayoría de nosotros no lo sabemos realmente, y probablemente asuste a algunas personas, pero una cosa interesante es que realmente no confiaríamos en un joven de 16 años para ir a volar un avión, pero está sucediendo, y la pregunta es ¿confiaríamos en una IA para volar completamente nuestros aviones y todas estas cosas? Personalmente lo haría, pero probablemente aterrorice a mucha gente. Lo que voy a hacer ahora es mostrar una pequeña cosa que estaba construyendo.

Lo interesante de esto es muchas cosas. Lo que originalmente quería hacer para esta charla era mostrarles cómo tomar mi voz y dividirla en pequeños fragmentos de dos segundos y enviarla a la nube y obtenerla transcrita, y luego estaría hablando con, digamos, Chachi o cualquier LLM que quisiéramos, pero tenía miedo de la conectividad aquí, y si fallaría, etc., así que en su lugar lo que terminé haciendo es que probablemente noten en esta pequeña pestaña del navegador aquí tenemos grabación de voz en curso, pero lo que tengo es que tengo un modelo realmente incrustado en mi navegador y va a transcribir mi voz mientras hablo. Podría necesitar agacharme un poco para realmente hablar con la computadora mientras sigo adelante y hago esto, pero entonces, ¿qué es esto? Básicamente, la idea detrás de esto era que me gusta volar aviones y tenía curiosidad por saber qué sería un piloto, como qué necesitaría un piloto para un copiloto. Sé como programador lo que querría de un GitHub co-pilot, pero ¿cómo podríamos mejorar el trabajo de un piloto con el vuelo? Esto es solo una cosa hipotética. Es un poco difícil imaginar lo que un piloto podría estar haciendo en un avión, pero generalmente tienen una tableta atada a su pierna y esto tiene todos sus datos sobre su vuelo y todo este tipo de cosas, así que imagina que esto está atado a la pierna del piloto y con suerte esto funciona bien, así que voy a... ¿Podrías decirme el plan de vuelo de hoy? Así que básicamente, sí, perfecto. Eso fue completo, la transcripción fue mala, pero de todos modos comenzaré de nuevo. ¿Podrías decirme el plan de vuelo de hoy? Sí, necesito acercarme un poco más. ¿Podrías decirme el plan de vuelo de hoy? Bien, eso es simple. Solo estoy hablando con un LLM, pero eso no es realmente de lo que estoy tratando de hablar, estoy diciendo aléjate de los chats. Así que solo te estoy mostrando un chat. Vamos a entrar un poco más. Lo que estoy tratando de pensar es cómo podemos usar interfaces con IA, pero una nota más. Lo realmente genial de esto es que esta transcripción está sucediendo puramente en tu navegador, así que podrías en teoría hacer esto completamente sin conexión si también pudieras tener como otro LLM incrustado o incluso en tu computadora. Bien, así que lo siguiente que voy a hacer es... Estoy mirando dos pantallas. Bien. ¿Podrías guiarme a través del pre... Estoy haciendo clic en el botón equivocado. Este es mi chat de depuración como una cosa. ¿Podrías guiarme a través del prevuelo... Perdí el botón. Ahí vamos.

3. Expanding AI Capabilities in Aviation

Short description:

La IA actúa como copiloto, asistiendo al piloto en varias tareas como listas de verificación previas al vuelo, comunicación con el control de tráfico aéreo y monitoreo en vuelo. En caso de emergencias, la IA puede tomar el control, permitiendo al piloto concentrarse en la lista de verificación de emergencia. Esta demostración muestra el potencial de la IA en la aviación.

Oh, God. ¿Podrías guiarme a través de la lista de verificación previa al vuelo? Va a estar bien. Ahí vamos. Ahí vamos. Sí, así que básicamente ahora puedes imaginar que el piloto querrá pasar por su lista de verificación y básicamente la IA está respondiendo. He intentado simplificar las cosas para que tal vez la gente entienda en la interfaz de usuario, pero de todos modos.

Así que ahora continúo en el vuelo y... ¿Podrías anunciar la salida al ATC? Suficientemente bueno. Tengo un comando en caso de que... El chat no está funcionando perfectamente porque estamos en el escenario. Bien. Sí, así que básicamente ahora puedes imaginar que si realmente estuviéramos todos volando juntos en un avión, estaríamos haciendo realmente, como, la IA podría estar comunicándose con el control de tráfico aéreo por nosotros, pero no estamos en un avión. Hay demasiada gente aquí hoy para poder hacer eso. Pero el siguiente paso sería... ¿Podrías hacer el monitoreo en vuelo por mí? Olvido que necesito presionar este botón. Estaba un poco fuera del alcance de mi presentación también detectar cuando el usuario deja de hablar. Pero sí, así que ahora puedes imaginar que estamos en el cielo volando un avión y la IA está monitoreando todos nuestros sistemas. Así que esta es la idea. Esta IA va a ser como un copiloto. Te va a asistir. Así que hagamos, como, un pequeño desastre. Así que sí, puedes imaginar que en este punto algo ha salido muy mal en el avión, y estamos como... Espero que no sea un presagio para mi viaje de regreso a Wroclaw en unos días. Pero de todos modos, así que ahora la IA estaría tomando el control de muchas cosas, hablando con el control de tráfico aéreo por mí. Así que ahora yo, como piloto, podría simplemente pasar por mi lista de verificación de emergencia y no realmente tener que preocuparme por demasiadas cosas. Pero sí. Bien. Esta es una pequeña cosa genial que pensé que quería mostrar. Así que sí.

4. AI First vs On Top Approach

Short description:

El enfoque de IA sobrepuesta tiene capacidades limitadas, respuestas fijas y carece de aprendizaje continuo. A menudo resulta en aplicaciones desactualizadas e ineficaces. En contraste, el enfoque de IA primero aprende continuamente de los datos, mejora la precisión y la toma de decisiones, y busca aumentar las habilidades del usuario. Las aplicaciones construidas con una mentalidad de IA primero toman activamente la iniciativa para ayudar a los usuarios, yendo más allá de la simple funcionalidad de chatbot. Este enfoque allana el camino para una IA completamente autónoma en el futuro.

Soy yo de nuevo. Y... Bien. Bien. Sí. Ahí vamos. Así que sí.

Anteriormente mencioné sobre Google Cloud Platform. Así que, sí, anteriormente mencioné que hay dos estrategias, construir sobrepuesta y IA primero. Algo que estaba pensando para mí mismo es cómo se vería esta demostración si fuera una estrategia construida sobrepuesta, y cuál sería una mentalidad de IA primero? En esta mentalidad de construir IA sobrepuesta, se añade como una ocurrencia tardía. Podrías pensar en ello... Que lo que estaba demostrando no es realmente la parte sobrepuesta, pero, sí, de todos modos, solo un experimento mental. Esta IA con el enfoque sobrepuesto tendría capacidades limitadas, respuesta fija, y una falta de aprendizaje continuo.

A menudo resultaría en aplicaciones desactualizadas e ineficaces. Puedes pensar en muchas startups ahora mismo que están añadiendo IA. Todo lo que realmente hacen es añadir un prompt, y terminan obteniendo solo la respuesta de estos datos entrenados. Así que este tipo de enfoque sobrepuesto que realmente no piensa en el futuro y usa todo el potencial de las capacidades, es básicamente este enfoque de IA sobrepuesta. Básicamente, es solo un chatbot glorificado. Es lo que el enfoque de IA sobrepuesta es muchas veces, o es una mezcla de muchos diferentes tipos de chatbots y decir generadores de imágenes y todas estas otras cosas.

Así que el enfoque de IA primero de cómo podrías tomar esta idea es básicamente... Intenté construirlo en un enfoque de IA primero, y personalmente lo que voy a hacer es tomar esto y realmente conectarlo a un simulador de vuelo para realmente hacerlo funcionar como quiero, pero el punto de todo esto es que está aumentando las habilidades del piloto, y creo que esto es una palabra clave que necesitamos pensar cuando se trata de construir IA en el futuro es que estamos tratando de aumentar al usuario. Estamos tratando de impulsar sus habilidades. Así que este enfoque de IA primero, básicamente aprendemos continuamente de los datos. Estaríamos mejorando continuamente la precisión y la toma de decisiones con el tiempo porque va a como reaprender continuamente por sí mismo y reentrenarse. Básicamente no es un chatbot. Va a ir más allá de esto. Básicamente la IA está tratando de tomar la iniciativa, y necesitamos construir aplicaciones que vayan a tomar la iniciativa. No debería ser, le hago una pregunta a una IA y me responde. En cambio, basado en parámetros y el escenario, debería estar activamente tratando de ayudarme. Esto es lo que estoy tratando de decir cuando hablo de aumento, y vamos a poder tener un día donde la IA en muchos casos pueda ser completamente autónoma, y esto es lo que estoy muy emocionado.

5. Building Trust and Embracing Innovation

Short description:

La IA puede aprender continuamente y ser aumentada con capacidades multimodales. Deberíamos centrarnos en mejorar las experiencias de usuario y reducir la complejidad de la interfaz de usuario. Construir aplicaciones de IA con seguridad, transparencia y procesamiento basado en el navegador puede asegurar la confianza y evitar sobrecargar a los usuarios. En lugar de depender de interfaces horizontales, deberíamos adoptar soluciones verticales para problemas específicos de los usuarios. Abrazar la innovación audaz y las aplicaciones de IA transformadoras dará forma al futuro.

Entonces, ¿cómo nos prepara esto para esta idea que estaba mostrando entonces? Básicamente, la IA va a aprender continuamente, y lo que podrías incluso pensar que podrías hacer es configurar un tipo de IA multimodal que tendría visión integrada. Así que imagina esto en el avión con un piloto. Podría estar viendo la cabina y podría estar leyendo los instrumentos, por lo que si hay alguna razón o alguna disparidad entre las lecturas, podría tomar decisiones al respecto. Básicamente, realmente intenta pensar fuera de la caja, y realmente podríamos tener este sistema, cuando se trata de esta idea, algo como Skynet, pero realmente no queremos eso. Depende de la persona, supongo.

De todos modos, ¿cuáles son algunas de las formas en que podemos comenzar a construir IA primero? Creo que realmente necesitamos pensar en aumentar, no en construir chatbots de IA. Necesitamos mejorar gradualmente, y creo que un muy buen ejemplo de este tipo de enfoque de aumento es algo como GitHub Copilot. Cuando estás escribiendo código, prediciendo lo que vas a decir a continuación, y esto es solo una forma simple para que los programadores entiendan lo que sería el aumento, así que necesitamos comenzar a pensar en nuestras aplicaciones qué están haciendo nuestros usuarios, y cómo podemos hacerlo por ellos de antemano. Básicamente, reduciendo lo que está en la interfaz de usuario y eliminando muchas cosas.

Quería rápidamente solo... No tengo tiempo para construir algo, así que rápidamente mostraré esta otra versión, pero debería hacerse la pregunta, ¿cómo puedo comenzar a construir algo ahora mismo para mis usuarios? Hay una especie de caso de uso en muchas grandes empresas que estoy encontrando es que quieren generar muchos informes, así que creo que una forma de alejarse de simplemente construir un chatbot ahora mismo que es muy simple, como este ejemplo aquí es increíblemente simple. Es como un formulario de solicitud de software para una empresa y el trabajo de alguien es hacer una automatización. Así que, por ejemplo, puedo simplemente escribir en VS Code. Obviamente, me va a responder con esta respuesta, y luego va a proceder a construir una tabla, una tabla bastante genial, y básicamente puedes imaginar esto como un informe en una empresa, así que esta es una forma muy simple de comenzar a construir una especie de un poco más hacia el futuro, pero de todos modos, es más realista por ahora en comparación con esta demostración de copilot que estaba mostrando antes.

Una cosa de la que quiero hablar es sobre la ética detrás de esto, y cómo realmente podemos confiar en la IA, el avión siendo pilotado por IA, porque creo que esa es la idea de lo que estaba hablando antes en ese dominio sucederá eventualmente, y cómo avanzarán las herramientas de desarrollo? ¿Seremos reemplazados? No lo creo. Vamos a tener una especie de nuevo amigo de IA, compañero de trabajo al que podemos comenzar a gritar básicamente, como tal vez un amigo pato de goma, podemos llamarlo, pero creo que una forma de construir seguridad y transparencia es básicamente que haremos muchas de estas cosas en el navegador, así que un LLM en tu navegador, que básicamente mostré antes, por lo que la transcripción no iría a una nube, sería puramente del lado del cliente y seguro para ti. Así que creo que una cosa que necesitamos pensar es que el medio es el mensaje, y muchas interfaces de IA actualmente son básicamente demasiado abiertas, ofreciendo como una caja de texto que deja a los usuarios averiguar qué pueden hacer. Este enfoque está equivocado, y probablemente sea una fase temporal, algo así como una pequeña cosa en nuestro radar ahora mismo. En un mundo dominado por chatbots, colocamos la carga en los usuarios para explorar capacidades. Básicamente, actualmente tenemos este tipo de interfaz horizontal es la forma en que he escuchado que se llama, y hace muchas cosas, y es una carga para el usuario explorar nuestra interfaz, pero terminarán no haciendo nada con esta interfaz. Así que necesitamos en su lugar mirar más a una vertical, como una cosa específica en una forma de resolver el problema de un usuario, como hacer un informe o en el caso de esta cosa de copilot. Así que básicamente, creo que realmente necesitamos explorar muchas de estas cosas, y realmente descubrir para nosotros mismos cuál es el futuro? ¿Cómo podemos llegar allí? Realmente abrazar algún tipo de innovación audaz, y construir alguna forma de aplicación de IA transformadora y básicamente realmente hablar entre nosotros y cómo podemos resolver este problema? El mundo al que creo que vamos es tal vez puramente a través de la voz podemos hacer muchas cosas en lugar de usar computadoras, y es difícil imaginar esto, debido a cómo actualmente interactuamos. Es difícil imaginar cómo sería un poco el futuro. Espero que les haya gustado la charla, y soy Evan, y realmente me divertí mucho hablando frente a todos ustedes, y, sí. ¡Saludos!

6. Addressing LLM Issues and Co-pilot Integration

Short description:

Para solucionar problemas con los LLM actuales, es importante cuestionar lo que estás construyendo y enfocarte en la experiencia del usuario. Recuperar más contexto y jugar con los parámetros puede ayudar a abordar problemas como la alucinación. Usar el AI SDK y la llamada a funciones permite que la aplicación co-pilot navegue por las interfaces y ejecute APIs.

Déjame ver, ¿con cuál quiero empezar? Tal vez porque hay tres preguntas sobre esto. ¿Qué modelo usaste para el reconocimiento de voz a texto? Para esto, estaba usando Whisper. Básicamente, creo que se llama Whisper base, y esto se pone básicamente en el navegador. Es un poco experimental en este momento, así que tienes que conseguir un paquete NPN bastante raro, pero si envías, he publicado en Discord, supongo, lo que estaba usando en particular. En realidad, no hay mucho código para configurarlo ahora mismo, y es realmente usable. Creo que eso sería útil para, quiero decir, tienes otras cuentas sociales, así que si pudieras compartir eso, creo que sería realmente, realmente útil.

Déjame ver. Pongamos esto en la parte superior. Muy bien. Describiste el enfoque AI first en algo más como visión de producto. ¿Hay algo específico que se pueda hacer desde el punto de vista del desarrollador? Pensaría que es cuestionar lo que estás construyendo todo el tiempo, porque creo que es malo como desarrollador simplemente construir lo que te dicen que diseñes. Realmente deberías estar pensando en cuál es la experiencia del usuario, y creo que a través de eso, vas a poder cuestionar lo que se te propone desde la gestión, y realmente construir algo que el usuario pueda disfrutar. Perfecto. Gracias.

Veamos. Oh, cierto. Probablemente una pregunta en la mente de muchas personas. ¿Cómo podemos solucionar problemas con los LLM actuales, como la alucinación? Quiero decir, en tu diapositiva inicial con las manos de los niños, eso fue un poco espeluznante. Sí, lo fue. ¿Cómo podemos solucionar eso? Ni siquiera lo noté hasta hoy. Pensé que era un punto muy divertido. Una forma es básicamente, necesitas traer de vuelta más contexto a tu IA, y básicamente puedes jugar con muchos parámetros diferentes, pero diría que proporcionar más contexto de, digamos, tal vez una base de datos vectorial o algo así, y llevarlo a tu prompt. Perfecto. Gracias. Todavía eliminando mucho de lo ... Muy bien, muy bien. Vamos por este tal vez. ¿Cómo intercepta la aplicación co-pilot la respuesta del LLM para saber a qué interfaz navegar y qué API ejecutar? Sí, así que esencialmente estoy usando el AI SDK, es lo que se llama en NPN. Básicamente estoy usando la llamada a funciones, y el LLM sabe qué función llamar, y básicamente podemos dirigirnos a la interfaz de usuario correcta en la pantalla. Muy bien.

7. AI-generated UI and Accessibility

Short description:

La IA puede generar la UI o elegir entre componentes predefinidos. La IA puede ayudar a que las aplicaciones sean más accesibles, especialmente para aquellos que no pueden usar pantallas táctiles o teclados. Aunque la IA no resolverá todos los problemas de accesibilidad, puede marcar una diferencia significativa. La capacidad de la IA para aprender rápidamente plantea preguntas sobre su papel en el reemplazo de habilidades humanas.

Muy bien. Tratando de encontrar preguntas que no tengan nada que ver con el modelo que usaste, porque ya respondiste esa pregunta. Muy bien, tal vez esta. ¿La IA genera la UI o elige entre componentes predefinidos? Actualmente, mi demostración es un poco de ambas, lo es. Parte de ella elige de predefinidos y genera. Me preguntaba a mí mismo qué tipo de diferencia es solo tener un if else, pero creo que es un área realmente interesante para explorar el streaming desde el lado del servidor, un componente que no tienes instalado localmente.

Muy bien. Volvemos al tema de la accesibilidad. ¿Podría la IA ayudar a que las aplicaciones sean más accesibles, por ejemplo, para personas que no pueden usar pantallas táctiles o teclados? Sí, esto es exactamente donde creo que podría usarse. Si pudiéramos tener un mundo donde todo sea controlable por voz, al menos podríamos resolver el problema para una mayoría más grande de personas. No resolverá todos los problemas de accesibilidad porque algunas personas no pueden hablar, pero ayuda a que la situación avance un poco. Bruce, ¿fue esta tu pregunta secretamente? ¿Estás secretamente introduciendo preguntas? Podrías estarlo. ¿Tenemos algo interesante?

Muy bien. Tal vez como algo divertido, la IA puede aprender más rápido de lo que yo podría jamás. ¿Por qué debería enseñarle lo que mejor hago? Probablemente te reemplazará de cualquier manera, diría yo. Actualmente, mucha gente está hablando de que en los próximos años, todos serán reemplazados. No estoy seguro de lo que va a pasar, pero de alguna manera, sí, supongo que solo tenemos que divertirnos, diría yo. Correcto. Me encanta eso. Démosle un aplauso a Evan una vez más. 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

Construyendo un Asistente AI Activado por Voz con Javascript
JSNation 2023JSNation 2023
21 min
Construyendo un Asistente AI Activado por Voz con Javascript
Top Content
This Talk discusses building a voice-activated AI assistant using web APIs and JavaScript. It covers using the Web Speech API for speech recognition and the speech synthesis API for text to speech. The speaker demonstrates how to communicate with the Open AI API and handle the response. The Talk also explores enabling speech recognition and addressing the user. The speaker concludes by mentioning the possibility of creating a product out of the project and using Tauri for native desktop-like experiences.
El Flujo de Trabajo del Desarrollador Asistido por IA: Construye Más Rápido e Inteligente Hoy
JSNation US 2024JSNation US 2024
31 min
El Flujo de Trabajo del Desarrollador Asistido por IA: Construye Más Rápido e Inteligente Hoy
Top Content
AI is transforming software engineering by using agents to help with coding. Agents can autonomously complete tasks and make decisions based on data. Collaborative AI and automation are opening new possibilities in code generation. Bolt is a powerful tool for troubleshooting, bug fixing, and authentication. Code generation tools like Copilot and Cursor provide support for selecting models and codebase awareness. Cline is a useful extension for website inspection and testing. Guidelines for coding with agents include defining requirements, choosing the right model, and frequent testing. Clear and concise instructions are crucial in AI-generated code. Experienced engineers are still necessary in understanding architecture and problem-solving. Energy consumption insights and sustainability are discussed in the Talk.
IA y Desarrollo Web: ¿Exageración o Realidad?
JSNation 2023JSNation 2023
24 min
IA y Desarrollo Web: ¿Exageración o Realidad?
Top Content
This talk explores the use of AI in web development, including tools like GitHub Copilot and Fig for CLI commands. AI can generate boilerplate code, provide context-aware solutions, and generate dummy data. It can also assist with CSS selectors and regexes, and be integrated into applications. AI is used to enhance the podcast experience by transcribing episodes and providing JSON data. The talk also discusses formatting AI output, crafting requests, and analyzing embeddings for similarity.
El Ascenso del Ingeniero de IA
React Summit US 2023React Summit US 2023
30 min
El Ascenso del Ingeniero de IA
Top Content
The rise of AI engineers is driven by the demand for AI and the emergence of ML research and engineering organizations. Start-ups are leveraging AI through APIs, resulting in a time-to-market advantage. The future of AI engineering holds promising results, with a focus on AI UX and the role of AI agents. Equity in AI and the central problems of AI engineering require collective efforts to address. The day-to-day life of an AI engineer involves working on products or infrastructure and dealing with specialties and tools specific to the field.
Aplicaciones Web del Futuro con Web AI
JSNation 2024JSNation 2024
32 min
Aplicaciones Web del Futuro con Web AI
Web AI in JavaScript allows for running machine learning models client-side in a web browser, offering advantages such as privacy, offline capabilities, low latency, and cost savings. Various AI models can be used for tasks like background blur, text toxicity detection, 3D data extraction, face mesh recognition, hand tracking, pose detection, and body segmentation. JavaScript libraries like MediaPipe LLM inference API and Visual Blocks facilitate the use of AI models. Web AI is in its early stages but has the potential to revolutionize web experiences and improve accessibility.
Cobertura de código con IA
TestJS Summit 2023TestJS Summit 2023
8 min
Cobertura de código con IA
Premium
Codium is a generative AI assistant for software development that offers code explanation, test generation, and collaboration features. It can generate tests for a GraphQL API in VS Code, improve code coverage, and even document tests. Codium allows analyzing specific code lines, generating tests based on existing ones, and answering code-related questions. It can also provide suggestions for code improvement, help with code refactoring, and assist with writing commit messages.

Workshops on related topic

IA a demanda: IA sin servidor
DevOps.js Conf 2024DevOps.js Conf 2024
163 min
IA a demanda: IA sin servidor
Top Content
Featured WorkshopFree
Nathan Disidore
Nathan Disidore
En esta masterclass, discutimos los méritos de la arquitectura sin servidor y cómo se puede aplicar al espacio de la IA. Exploraremos opciones para construir aplicaciones RAG sin servidor para un enfoque más lambda-esque a la IA. A continuación, nos pondremos manos a la obra y construiremos una aplicación CRUD de muestra que te permite almacenar información y consultarla utilizando un LLM con Workers AI, Vectorize, D1 y Cloudflare Workers.
AI para Desarrolladores de React
React Advanced 2024React Advanced 2024
142 min
AI para Desarrolladores de React
Top Content
Featured Workshop
Eve Porcello
Eve Porcello
El conocimiento de las herramientas de AI es fundamental para preparar el futuro de las carreras de los desarrolladores de React, y la suite de herramientas de AI de Vercel es una vía de acceso accesible. En este curso, examinaremos más de cerca el Vercel AI SDK y cómo esto puede ayudar a los desarrolladores de React a construir interfaces de transmisión con JavaScript y Next.js. También incorporaremos APIs de terceros adicionales para construir y desplegar una aplicación de visualización de música.
Temas:- Creación de un Proyecto de React con Next.js- Elección de un LLM- Personalización de Interfaces de Transmisión- Construcción de Rutas- Creación y Generación de Componentes - Uso de Hooks (useChat, useCompletion, useActions, etc)
How to 9,2x Your Development Speed with Cline
JSNation 2025JSNation 2025
64 min
How to 9,2x Your Development Speed with Cline
Featured Workshop
Nik Pash
Nik Pash
La forma en que escribimos código está cambiando fundamentalmente. En lugar de quedar atrapado en bucles anidados y detalles de implementación, imagine enfocarse puramente en la arquitectura y la resolución creativa de problemas mientras su programador de pares de IA maneja la ejecución. En esta masterclass práctica, te mostraré cómo aprovechar Cline (un agente de codificación autónomo que recientemente alcanzó 1M de descargas en VS Code) para acelerar drásticamente tu flujo de trabajo de desarrollo a través de una práctica que llamamos "vibe coding" - donde los humanos se enfocan en el pensamiento de alto nivel y la IA maneja la implementación.Descubrirás:Los principios fundamentales del "vibe coding" y cómo se diferencia del desarrollo tradicionalCómo diseñar soluciones a un alto nivel y hacer que la IA las implemente con precisiónDemostración en vivo: Construcción de un sistema de almacenamiento en caché de grado de producción en Go que nos ahorró $500/semanaTécnicas para usar IA para entender bases de código complejas en minutos en lugar de horasMejores prácticas para solicitar a los agentes de IA que obtengan exactamente el código que deseasErrores comunes a evitar al trabajar con asistentes de codificación de IAEstrategias para usar IA para acelerar el aprendizaje y reducir la dependencia de ingenieros seniorCómo combinar efectivamente la creatividad humana con las capacidades de implementación de IAYa sea que seas un desarrollador junior que busca acelerar tu aprendizaje o un ingeniero senior que desea optimizar tu flujo de trabajo, saldrás de esta masterclass con experiencia práctica en desarrollo asistido por IA que puedes aplicar inmediatamente a tus proyectos. A través de demostraciones de codificación en vivo y ejercicios prácticos, aprenderás cómo aprovechar Cline para escribir mejor código más rápido mientras te enfocas en lo que importa: resolver problemas reales.
Building Full Stack Apps With Cursor
JSNation 2025JSNation 2025
46 min
Building Full Stack Apps With Cursor
Featured Workshop
Mike Mikula
Mike Mikula
En esta masterclass cubriré un proceso repetible sobre cómo iniciar aplicaciones full stack en Cursor. Espere comprender técnicas como el uso de GPT para crear requisitos de producto, esquemas de base de datos, hojas de ruta y usarlos en notas para generar listas de verificación que guíen el desarrollo de aplicaciones. Profundizaremos más en cómo solucionar alucinaciones/errores que ocurren, indicaciones útiles para hacer que su aplicación se vea y se sienta moderna, enfoques para conectar cada capa y más. Al final, ¡espere poder ejecutar su propia aplicación full stack generada por IA en su máquina!
Por favor, encuentre las preguntas frecuentes aquí
Webinar gratuito: Construyendo aplicaciones Full Stack con Cursor
Productivity Conf for Devs and Tech LeadersProductivity Conf for Devs and Tech Leaders
71 min
Webinar gratuito: Construyendo aplicaciones Full Stack con Cursor
Top Content
WorkshopFree
Mike Mikula
Mike Mikula
Para asistir al webinar, por favor regístrate aquí.En este webinar cubriré un proceso repetible sobre cómo iniciar aplicaciones Full Stack en Cursor. Espera entender técnicas como usar GPT para crear requisitos de producto, esquemas de base de datos, hojas de ruta y usar esos en notas para generar listas de verificación que guíen el desarrollo de la aplicación. Profundizaremos más en cómo corregir alucinaciones/errores que ocurren, indicaciones útiles para hacer que tu aplicación se vea y se sienta moderna, enfoques para conectar cada capa y más. Al final, ¡espera poder ejecutar tu propia aplicación Full Stack generada por IA en tu máquina!
Trabajando con OpenAI y la Ingeniería de Prompts para Desarrolladores de React
React Advanced 2023React Advanced 2023
98 min
Trabajando con OpenAI y la Ingeniería de Prompts para Desarrolladores de React
Top Content
Workshop
Richard Moss
Richard Moss
En esta masterclass daremos un recorrido por la IA aplicada desde la perspectiva de los desarrolladores de front end, enfocándonos en las mejores prácticas emergentes cuando se trata de trabajar con LLMs para construir grandes productos. Esta masterclass se basa en los aprendizajes obtenidos al trabajar con la API de OpenAI desde su debut en noviembre pasado para construir un MVP funcional que se convirtió en PowerModeAI (una herramienta de creación de ideas y presentaciones orientada al cliente).
En la masterclass habrá una mezcla de presentación y ejercicios prácticos para cubrir temas que incluyen:
- Fundamentos de GPT- Trampas de los LLMs- Mejores prácticas y técnicas de ingeniería de prompts- Uso efectivo del playground- Instalación y configuración del SDK de OpenAI- Enfoques para trabajar con la API y la gestión de prompts- Implementación de la API para construir una aplicación orientada al cliente potenciada por IA- Ajuste fino y embeddings- Mejores prácticas emergentes en LLMOps