Interfaces Agénticas: Herramientas, Habilidades, UI Generativa y Web MCP

[♪ música ♪ ¡Hola a todos, muchas gracias por venir! ¡Emocionado de estar aquí! Como dijo Scott, mi nombre es Wes. Soy parte de Syntax, en realidad no la mitad, ahora tenemos un gran equipo. Estoy aquí hoy para hablarles sobre interfaces agénticas, y como, no se vayan todavía, porque sé lo molestos que son algunos de estos charlatanes, y no estoy aquí para venderles nada hoy, pero como, probablemente hayan escuchado al menos una de estas cosas hoy, ¿verdad? La UI está muerta, el chat es la interfaz final, solo dame una habilidad, hermano. Todas estas cosas, la web está muerta, la vibra de mi abuela está codificada, todo tipo de cosas, y estamos aquí sentados como, bueno, pagué todo este dinero por esta conferencia, y me voy un poco desanimado, ¿saben? Como, ¿realmente necesitamos sitios web todavía? Así que, sí, esa es la charla, gracias por venir, pero la forma en que interactuamos con la web ciertamente está cambiando, así que echemos un vistazo a algunas formas en que realmente interactuamos con el software.

Entonces, a veces, no quiero una UI en absoluto, ¿verdad? Este es un software llamado Handbrake que uso, y lo uso para como, convertir, redimensionar y transcodificar videos, y cada vez que lo abro, simplemente pienso, ¿cuáles de estos botones necesito llenar? Y como, ya no lo uso, porque hago esto, clod-p, comprime esto a 300 megas, ¿saben? Y simplemente FFmpeg, no sé qué está haciendo, pero está haciendo un montón de cosas, y al otro lado sale lo que quería, ¿verdad? A veces, solo quiero usar mi voz, solo le grito al Google, al Siri, o lo que sea, ¿qué usan los europeos aquí, algo así? Vlad, ese no es un nombre europeo. Ese fue un mal chiste. A veces, quiero usar tu UI, pero odio el trabajo tedioso, así que uso esta cosa llamada FreshBooks para categorizar todos mis gastos, y me mata, porque tengo que hacer clic en un montón de cosas y abrir cosas en nuevas pestañas, y si es canadiense, tengo que asegurarme de que incluya el impuesto sobre las ventas canadiense, y estoy como, esto es solo un montón de trabajo tedioso que no debería estar haciendo, quiero simplemente escribir un prompt y que haga lo que quiero, ¿verdad? A veces, quiero la UI en mi IA, así que las aplicaciones MCP, como aprendimos esta mañana, tienen esta gran cosa donde puedes pedirle a Clawd que haga algo, y va a crear una pequeña animación para ti, o puedes pedirle que resuma algunas estadísticas, y lo va a incluir directamente para ti. A veces, quiero la UI adaptada a mis necesidades. Por eso absolutamente todos ahora mismo están codificando su versión perfecta de algún software, y creo que eso es increíble porque la gente ha tenido frustraciones con el software durante tanto tiempo, y ahora finalmente puedes hacer tu propia versión de algo que hace exactamente lo que quieres. A veces, quiero que mis aplicaciones se besen, ¿verdad? Como, esta es la explosión de habilidades y herramientas y CLIs y todo eso que estamos viendo ahora mismo, y este es probablemente el mejor caso de uso que tenemos ahora mismo, que es que tengo un agente, y luego tengo todas estas cosas diferentes conectadas a él a través de MCP o herramientas o habilidades o navegadores agénticos, todo tipo de cosas diferentes, y es como un pequeño centro de comando donde puedo ejecutar todo. Así que tenemos todas estas formas diferentes, entonces, ¿cómo implementamos como desarrolladores todas estas interfaces? Así que echemos un vistazo a una, que es la UI generativa, ¿verdad? Así que la UI generativa es cuando la IA creará, transformará o simplemente seleccionará dinámicamente la IA en tiempo real en respuesta a una entrada del usuario así como pistas contextuales. Así que lo muy básico, vimos esta diapositiva más temprano hoy donde es como hay tres formas de hacerlo, ¿verdad? La primera es la muy básica, como cuántos de ustedes han construido un servidor MCP con llamadas a herramientas antes, ¿verdad? Un puñado de ustedes. En ese caso, vas a declarar cuáles son las herramientas, obtener el clima, tal vez puedas pasarle algunos parámetros, y el servidor va a devolver datos. Con una UI estática, también podrías devolver como un componente estático que luego se renderiza en alguna cosa del clima, y lo renderizas dentro del chat o en tu página web o lo que sea que quieras. Luego, un paso más allá, tienes como UI declarativa, que puedes tener como un montón de componentes que usas para tu sitio web, y le das todos esos a un LLM, y le pides al agente o al LLM que descubra cuáles de estos bloques de construcción compondrás juntos para hacerlo. Y luego dices, necesito reprogramar mi vuelo, y te va a devolver algún tipo de especificación, ¿verdad? A menudo es JSON, a veces es texto en streaming, y eso te va a devolver. Dices, está bien, bueno, dado que sé que tienes estos componentes, los voy a juntar para ti, y luego vamos a renderizar lo que creo que va a ser como una buena UI para ti. Y el tercero es como completamente generativo, como todo el camino. Y me gusta referirme a este, o probablemente hayas escuchado este término como modo de código. Así como esto, deja que la IA lo genere todo y dale un lugar para ejecutar algo de código. Así que para entender qué son estas cosas, echemos un vistazo a esta aplicación aquí mismo. Lista de compras bastante simple. Tienes múltiples tiendas. Puedes agregar tiendas. Puedes agregar artículos. Puedes arrastrar y soltar. Puedes marcarlos. Entiendes el punto, ¿verdad? Es que agregas cosas a una lista. Y un ejemplo simple de como incluir componentes donde puedes ir al chat y decir, oye, quiero agregar algunos artículos a mi cosa. Pero como no quiero solo usar el chat. Quiero poder como ver los componentes.

Entonces, en lugar de ejecutar la llamada de herramienta, tal vez te devuelva un componente dentro de allí. Y lo mismo cuando ves la lista, como muéstrame mi lista de Walmart. Te va a devolver una lista. Pero puedes interactuar con esa lista allí. Puedes marcar cosas. No tienes que decirle explícitamente qué hacer. El modo de código es bastante genial porque, sí, los LLMs son buenos para devolver llamadas de herramientas y especificaciones JSON para la UI. Pero, ¿saben en qué son realmente buenos los LLMs? Tal vez han escuchado, los LLMs son buenos escribiendo código, ¿verdad? Entonces, en lugar de dar a los agentes un montón de herramientas y componentes conocidos, ¿qué pasaría si también les dieras un lugar donde simplemente puedan ejecutar código? Y simplemente ejecutará eso en un espacio para ti y te devolverá la UI. Así que aquí, he tomado esa cosa. Dije, dame un mapa de todos los artículos en mi lista de compras en un mapa superpuesto. Y luego ejecutó, obtener artículos. Y ahora está haciendo un mapa para mí. Y luego renderiza probablemente el peor mapa del mundo que he visto. Pero lo dejé allí. Estaba como, eso no es muy bueno. Pero el punto es que ese no es un componente existente que estaba allí, obviamente. Esto es solo un LLM. O digo, dame una lista de compras loca, ¿verdad? Y veremos qué construye aquí. Oh, una lista de compras tonta y loca donde todo está. Y sigue siendo utilizable porque sigue, como, llamando a las herramientas e integrado con todo lo que está disponible allí, ¿verdad? Así que, algunas reflexiones sobre eso. Como, probablemente haya un punto medio entre los dos. Como, si trabajas para un banco, probablemente no quieras que aparezca la lista loca. Sería como, muéstrame mis cuentas bancarias locas y cosas así. Quieres un poco de control sobre, como, los componentes que se muestran. Así que probablemente haya un punto intermedio al que quieras llegar, que son componentes dinámicos, cosas que son conocidas frente a poder combinarlas y completamente generativas. Esto tampoco se trata solo de MCP. No creo que estemos en ningún lugar tal vez cerca, pero no hemos, como, llegado a, como, cuál es la cosa final. ¿Sabes? No creo que nadie esté totalmente feliz con donde estamos. Y estas especificaciones todavía están evolucionando. Y esto tampoco se trata solo de interfaces de chat.

Porque, como, probablemente hayas visto algunos de estos ejemplos hoy y, como, has pensado, eso suena, como, horrible usar eso como la interfaz. Como, me estás diciendo que no más navegador web. Solo vamos a trabajar con estos pequeños cuadrados aquí dentro. Así que esta es una de las tiendas de comestibles en Canadá. Si quieres incrementar la cantidad de limas en tu carrito, tienes que escribir, añadir otra lima. Y toma, como, 20 segundos responder y luego volver y renderizar la UI. Como, ¿cómo pasamos de preocuparnos por clics de 20 milisegundos a cosas de 20 segundos, como? Y, como, no es que no puedas hacer eso. Pero, como, muchas de estas interfaces MCP actuales son un poco malas. ¿Verdad? Y también son un poco más lentas.

Esta es una donde Starbucks lanzó una aplicación MCP donde puedes pedir Starbucks con ella. Y es una experiencia un poco mala. Está diluida. Y es significativamente más lenta. ¿Verdad? Así que no se trata solo de esos tipos de cosas. ¿Verdad? Como, estoy emocionado por ellas. Pero creo que hay un camino por recorrer. Pero también se trata de, como, interfaces adaptativas y reactivas. Así que un ejemplo aquí es el hogar inteligente. ¿Alguien, como, súper interesado en el hogar inteligente y, como, perdiendo tus noches mientras tu timbre no funciona? Sí. Yo también. Bien.

Con mi hogar inteligente a veces no quiero UI. ¿Verdad? Como, idealmente mis luces deberían simplemente averiguar cuándo deberían encenderse solas o basarse en, como, lo que he hecho. O a veces quiero UI de voz. Solo quiero gritarle al pequeño Google Home y que mis luces se enciendan. ¿Verdad? Pero mi hogar inteligente sabe mucho más sobre mí. Estaba pensando el otro día. Es como, sabe cada vez que mi cámara ha detectado movimiento. Sabe sobre la humedad en mi casa. Sabe cuándo estoy en casa y cuándo no estoy en casa.

Sabe cuándo estoy conduciendo mi coche. {{^}}Sabe cuándo suelo encender las luces de mi oficina. {{^}}Sabe cuándo suelo consultar el clima. Sabe mi calendario. Sabe mucho sobre mí y lo que hago en mi casa. ¿Verdad? Y es increíble cuántos datos tengo en mi hogar.

Entonces, como, ¿por qué mi panel de control se ve así? Sabes, como, estoy tan abrumado cuando abro mi panel de control para mi hogar inteligente. Y no quiero pasar mis noches creando un panel de control. Paso mis noches averiguando por qué no funciona mi timbre. Como, ¿por qué el algoritmo de TikTok sabe que me gusta ver fallos de columpios de cuerda pero, como, mi hogar inteligente no sabe cuándo me gusta encender las luces?

Entonces, creo que las interfaces agenticas son conscientes del contexto y reactivas a cosas como esta. ¿Verdad? Como, quiero un panel de control que se vea así. O como este. O como este. Y eso no quiere decir, como, que no podrías construir eso. Pero quiero que el panel de control averigüe no cómo se ve, sino, como, qué información mostrarme dado todo el contexto que sabe sobre mí.

Entonces, puedes estar mirando muchos de estos ejemplos y diciendo, como, la experiencia apesta un poco. No sé si quiero estar atrapado dentro de una interfaz de chat de pago. Como, ese es el fin de la web y esa va a ser la mejor experiencia. Y estoy bastante de acuerdo. Me gustan los sitios web. Y me gusta tener, como, interfaces completas para muchas cosas. ¿Verdad? Así que, personalmente, creo que la muerte de las interfaces de usuario web ha sido muy exagerada.

No creo que, como, los sitios web adecuados vayan a desaparecer pronto. Y por eso estoy emocionado por algo llamado WebMCP, o como creo que deberían haberlo llamado, clicks and clankers. ¿Recuerdas cuando teníamos, como, compras en línea y teníamos bricks and clicks? Sabes, podías comprarlo en la tienda o comprarlo en línea. Y ahora es en clicks and clankers. ¿Verdad? Hazlo tú mismo o deja que el clanker lo haga por ti.

Entonces, con WebMCP, expones la funcionalidad existente del sitio web a través de la semántica web. Así que, puedes hacerlo a través de HTML. Entonces, tienes un formulario que usas para agregar un artículo. Puedes simplemente extender eso agregando el nombre de la herramienta, descripción, auto submit, un montón de diferentes parámetros para describir qué herramientas están dentro de tu aplicación. Oh, sí. Iba a ver qué tan bien se ve en esta pantalla. ¿No se ve increíble? Esta es la mejor pantalla de todas. Lo siento. Estaba como, tengo que hacer mi presentación de diapositivas, como, realmente oscura en contraste porque esta pantalla es tan increíble. También hay una API de JavaScript imperativa, también.

Entonces, si no tienes, como, formularios en los que quieras registrarlo, también puedes registrarlo programáticamente con JavaScript, ya sabes, como, register tool. Luego, al usarlo, probablemente no escribirías este código tú mismo porque un agente que consume el MCP, WebMCP, escribiría este código, ¿verdad? Ahora, cuando cargas un sitio que está listo para WebMCP en un cliente que conoce esto, va a descubrir todas las herramientas en tu sitio web, todas las cosas que puede hacer. Como, eliminar, agregar, etcétera, etcétera. Todo lo que te estaba mostrando en ese sitio web allí. Y eso es realmente genial porque puedo abrir el sitio web, y luego también puedo tener un agente controlándolo, ¿verdad?

Puedo decir, agrega todos los elementos para este plato específico o elimina todos los elementos básicos de la despensa, y los eliminará o los marcará como hechos. Y creo que eso es realmente genial porque estos son los clicks and clankers de los que estaba hablando, ¿verdad? Como, todavía puedo usar el sitio web y hacer clic y hacer lo que quiera, pero también puedo cambiar a usar mi agente para esas partes que quiero. Y, sinceramente, esa es la experiencia que quiero con muchas de estas cosas porque me encuentro teniendo que decidir demasiado pronto, ¿quiero hacer esto a través de Cloud, a través de, como, APIs y MCP y habilidades, o quiero hacer esto en el navegador?

Y quiero, como, cambiar entre los dos. Quiero hacer clic o quiero clanker, ¿verdad? Y puedes estar mirando esto y decir, Wes, no quiero otra barra lateral en mi aplicación. Nadie quiere estas, como, barras laterales de agentes diluidas y malas que todos están agregando a sus aplicaciones. Esa no es una buena experiencia. Todos las queremos en tu, como, Cloud o tu ChatGPT o cualquier agente que estés usando. Y ahí es donde es realmente genial porque puedes conectar esto a Cloud. Y en este caso, tengo dos pestañas abiertas. Una de ellas no tiene WebMCP, así que solo va a usar el método antiguo de scraping. Y la otra sí tiene WebMCP, por lo que puede usar esas llamadas de herramientas, lo cual es bastante más rápido, mucho más rápido.

Y dice, está bien, voy a abrir la receta de tacos, voy a obtener todos los ingredientes, y luego simplemente los voy a agregar. Y eso, honestamente, es una gran experiencia para mí porque simplemente necesito abrir las pestañas y saber que están disponibles para cualquier agente que esté usando, ya sea Cloud o Cursor o Codex o lo que sea que estés usando.

Ahora, esto es genial. Realmente me gusta esto, ¿verdad? Es mucho más rápido que las soluciones existentes que usan capturas de pantalla o análisis del DOM porque, como, ¿cuántos de ustedes han usado estos, como, navegadores agénticos antes? Un par de ustedes. Sí, así que, como, si quieres que un agente use un navegador, hay muchas herramientas realmente buenas por ahí, y yo las uso.

El problema es que son muy lentas. Como, si alguna vez has usado el navegador de OpenAI, ¿cómo se llama? Nadie siquiera sabe. Nadie sabe porque apesta porque es tan lento. Tú, como, te sientas allí y dices, escribe un correo electrónico y resume mis correos electrónicos, y simplemente te quedas con las manos cruzadas mientras es como, bueno, déjame tomar una captura de pantalla y déjame capturar todo el árbol DOM y enviar eso al LLM. Y, como, está bien, bueno, eso apesta. Es más rápido hacerlo yo mismo, ¿sabes?

Utiliza el modelo de seguridad integrado del navegador, ¿verdad? Entonces, como, no necesitas – si la autenticación es simplemente, como, tener la pestaña abierta, si has iniciado sesión, entonces estás dentro. Los sitios web existentes pueden exponer la funcionalidad. No sé si lo has visto, pero la web tiene muchos sitios web con los que necesitamos, de alguna manera, cerrar la brecha hacia todas estas experiencias agénticas, ¿verdad? Y no está limitado por el sandboxing dentro de la ventana de chat, porque, como, sí, hay un problema de seguridad con, como, incrustar código generado aleatoriamente y luego simplemente incrustarlo en una aplicación que tiene acceso a tu cuenta bancaria, ¿verdad? Un poco de problema de seguridad.

Entonces, hay todo este asunto de sandboxing que estos proveedores de LLM necesitan hacer para asegurarse de que no estás haciendo algo. Pero es limitado, ¿verdad? No puedes tener acceso a todas las APIs web completas que podrías querer. Entonces, UI generativa. Un par de cosas a considerar aquí. No sabemos si las aplicaciones MCP o web MCP son la solución. Como, no te obsesiones con que esta sea la tecnología. Como, escucho a mucha gente decir, dame una escala y dame un CLI, y estoy listo para empezar. Como, no me importa cuál es la tecnología real, porque cuando descubramos cuál es la tecnología, simplemente voy a boop, boop, boop, convertir en la nube esto a esa cosa, y habremos terminado.

Entonces, no es, es más sobre, como, las ideas de, como, ¿cómo vamos a, y probablemente más importante, cómo van a usar esto las personas normales? Sabemos que la gente quiere control total en la integración de agentes. Esa es la razón por la que las habilidades y open claw y todo esto es mucho más popular que, como, las aplicaciones que están integradas en Chat GBT, porque las que están integradas en Chat GBT no son una buena experiencia. Están diluidas. No funcionan tan bien. Mientras que, como, dame habilidades completas, claw, ignora permisos, no me importa, déjala correr, y, como, esa es una experiencia increíble, ¿verdad? Obviamente problema de seguridad. Esa es otra charla. Pero, como, esa es una experiencia increíble, y por eso todos están, como, sí, este es el camino a seguir, y por eso tiene tanta aceptación. Los componentes son el rey.

Los componentes son el rey. Como, está bien, estamos bien aquí, porque, como, afortunadamente hemos estado en este escenario durante 10 años diciendo, como, componentes, componentes, componentes. Resulta que es genial tener componentes cuando quieres juntarlos para una interfaz LLM. La velocidad y la consistencia deben mejorar. Todas estas demostraciones que te he mostrado hoy están aceleradas significativamente. Incluso las cosas de WebMCP son bastante rápidas, especialmente si usas, como, un modelo más económico que no piensa mucho, porque esos modelos son agradables y rápidos para añadir, y en realidad son muy buenos ejecutando llamadas de herramientas. Pero la velocidad y la consistencia aún tienen que mejorar mucho. De lo contrario, no va a ser una buena experiencia para todos, y creo que esas cosas mejorarán.

Y luego el abuso. Como, este es otro. Es, como, pasamos todo este tiempo, como, luchando contra bots en nuestras plataformas y, como, poniendo captchas, y ahora estamos, como, bien, ¿cómo hacemos que sea fácil para esos robots usar nuestros sitios web, sabes? Y hay esto, como, queremos que los buenos lo usen, pero no queremos que la gente realmente lo abuse. Y luego, como, la aceptación de jugadores también es importante. Así que, como, pienso en el vuelo que reservé aquí y todos los, como, patrones oscuros de venta adicional y cosas así. Es, como, ¿la aerolínea va a querer simplemente ser reducida a una utilidad donde no tienen control sobre esto? Creo que va a ser una venta difícil. Creo que podría afectar el negocio de algunas personas si no se adaptan a esto, pero ciertamente creo que va a haber muchos jugadores importantes.

Vimos esto con las APIs también. ¿Alguien ha estado en desarrollo web durante, como, 15 años? ¿Recuerdas Web 2.0? Todo era una API. Todos tenían una API. Podías conectar cualquier cosa con cualquiera, y luego, poco a poco, todos retiraron sus APIs porque estaban siendo abusadas, y no querían que salieras de su plataforma. Querían que estuvieras en su plataforma para poder hacer todo lo que querían, ¿verdad? Si piensas que esto va a ser diferente, creo que nos espera un poco de lucha con este tipo de cosas. Entonces, el área de servicio para nuestras aplicaciones ciertamente se ha expandido. Al igual que cuando llegaron los móviles y la voz, pensamos, como, bien, ahora nuestras aplicaciones no son solo sitios web. Tal vez sean una aplicación móvil. A veces son, como, un agente de voz, cosas así. Depende de nosotros, los desarrolladores, averiguar cómo se ven estas interfaces y proporcionar experiencias agradables para nuestros usuarios. Eso es todo lo que tengo hoy. Muchas gracias.

La primera pregunta aquí, Wes, cuando estaba haciendo WebMCP, veo – No creo que esta persona realmente estuviera haciendo WebMCP. Cuando estaban haciendo algo con WebMCP, ven que cualquier extensión existente de WebMCP no te permite simplemente subestablecer parte de los parámetros. ¿Sabes si es una opción tener parámetros requeridos u opcionales? Esa es una buena pregunta. Creo que sí. No sé si eso es necesariamente cierto porque, como, los esquemas de entrada y salida a menudo son validados por Zod. Así que, creo que debería ser posible. Estoy bastante seguro. Hay, como, requeridos y, como, uno de solo. Así que, sí, creo que debería ser posible. Palabra.

De acuerdo. WebMCP sigue siendo experimental y no es compatible con la mayoría de los agentes. Claude, los agentes de cursor no lo soportan. Eso no es cierto. Él dice que eso no es cierto. Es solo MCP, ¿verdad? Así que, la extensión que estaba usando, un poco de advertencia, la extensión que estaba usando se llama MCP-B, que no es la experimental que hizo Chrome. Y esa te permite, te da solo una URL regular de MCP, y luego cualquier agente que soporte MCP por lo tanto soporta WebMCP. Así que, pude poner esa URL en cualquiera de los agentes. Así que, sigue siendo muy experimental, pero eso es lo que espero que el estándar final se vea si seguimos este camino.

Sí. ¿Qué tal esta? ¿Por qué las aplicaciones querrían que su UI sea manipulada por chat? Sí, esa es una gran pregunta. Como, en algunos casos, como mi hogar inteligente, sí, quieres que las personas tengan la mejor experiencia que quieres que tengan lo que quieren, ¿verdad? Pero en otros casos, es como la pregunta es, ¿puede el usuario o el LLM hacer una mejor experiencia de usuario que alguien que conoce el producto y cualquier cosa? Ahora mismo, no lo creo. Como, no creo que digas, oh, ¿sabes qué? Deja que el usuario decida cómo se verá la interfaz. Mi mamá va a ser como, oh, sí, vamos a codificar una interfaz. No lo creo, ¿verdad?

Sí. De acuerdo. Hemos visto MCP funcionando principalmente en servidores de escritorio o back end. ¿Cuáles son los principales desafíos de llevar MCP al lado del cliente en cuanto a sandboxing y protección del navegador del usuario? {{^}}Sí. ¿Dónde están las, lo siento, lo que quiero decir, es esto un web MCP o solo MCP en general? Se trata de llevar MCP al lado del cliente, diría yo, del sandbox web. Creo que por eso me gusta la cosa de la pestaña, porque entonces obtienes el sandboxing de una pestaña, sabes, el navegador es un muy buen sandbox en ese sentido. Me gusta bastante eso. Pero luego también me gusta, en algunos casos, solo quiero el componente en línea justo dentro de mi chat. Y creo que ese va a ser el futuro, a veces quiero el sitio web, a veces solo quiero el componente en línea dentro de él. Y luego, si ese es el caso, donde lo estás sacando del sitio web hacia la ventana de chat o lo que sea que sea esa experiencia de LLM, es cuando tienes que trabajar con sandboxing y estás limitado por las APIs web disponibles para ti.

¿Cómo podemos hacer más atractivo para los creadores de sitios web o contenido apoyar web MCP si los LLM están reduciendo las visitas de usuarios? Tal vez intercambiar metadatos de sesión de usuario a cambio. Oh hombre, no lo sé. Um, creo que es como, simplemente como, como personas que tienen empresas que quieren, no creo que esto sea necesariamente como una cosa de sitio web de contenido, tal vez puedan tener como una búsqueda o lo que sea. Pero esto es mucho más como, si estás usando una aplicación para hacer tus impuestos o verificar el clima o como todas las cosas de negocios que hacemos, ya sabes, Google Docs, Calendar, esos tipos de cosas. Sí. Y sé que dijiste en tu charla que no crees que los sitios web vayan a desaparecer todavía. Pero, ¿crees que los sitios web morirán cuando todos usemos UIs generativas? No, no lo creo. Um, no, como dije esto en la charla, como, van a cambiar, ciertamente cambiará cómo los usamos y cómo interactuamos con ellos. Pero no creo que todo vaya a ser simplemente un desastre generado que se expulsa. Y todos estén contentos con eso como interfaz de usuario. Sí. No, no, fue genial.

De acuerdo, las maquetas interactivas dinámicas en las respuestas del chat fueron geniales. ¿Qué usaste? Sí. Así que Claude usa aplicaciones MCP. Si inspeccionas eso, es solo un iframe. Y Claude, cuando le pides que haga eso, Claude simplemente está escribiendo un montón de HTML, CSS y JavaScript, y luego lo inserta en tu ventana de chat. Así que eso es como un ejemplo perfecto de lo que tal vez no sea un ejemplo perfecto de lo que es una aplicación MCP porque el ejemplo perfecto de una aplicación MCP también podría hacer clic en botones y llamar herramientas y actualizar como bases de datos que son externas. Pero sí, esas eran aplicaciones MCP en el chat de Claude. Eso fue sin añadir nada externo.

Solo ve y pregúntalo ahora mismo. Muéstrame cómo funciona un motor. Sí. Muy bien.

Siguiente. Esta es una pregunta alegre. ¿Cómo te mantienes esperanzado para el futuro del front-end frente a todo esto? Es un fastidio. Mucho de esto es un fastidio. Y está bien sentirse así porque mucho de esto está cambiando. Pero, simplemente trata de mantenerte emocionado por las cosas nuevas que puedes hacer. Escribí C el otro día. No sé C, ya sabes, microcontroladores, hay muchas cosas emocionantes. Y es normal sentirse desanimado porque muchas de las cosas que sabes.

Como sé mucho sobre closures y sé mucho sobre dónde poner los puntos y comas. Sé exactamente dónde poner los puntos y comas. Eso ya no importa. Pero aún lo tengo. Sí. Muy bien. Veamos este. Tal vez la UI dinámica sería el futuro donde los usuarios y LLM decidan qué componente renderizar en lugar de decirle al LLM que use este componente. Eso es exactamente lo que es la dinámica. Como dices, aquí están los componentes que eliges. Tú eliges. Quiero mostrar el clima. Quiero hacer mis impuestos. Quiero hacer X, Y o Z. Dado todos estos componentes, dadas todas estas piezas de Lego, los unes en una UI que crees que tiene sentido. Y, por supuesto, puedes guiar eso un poco más con un prompt. Pero en lo más básico, eso es lo que open UI y todos esos ejemplos que tenía allí.

Sí. A medida que los agentes generan más de nuestras aplicaciones, ¿cómo preservamos la transparencia y apertura de la web? {{^}}Sí. No, idealmente solo tenemos como dos o tres empresas controlándolo todo. Y como que tienes que pagar veinte dólares al mes para acceder a la web. Como que idealmente solo tenemos a los señores corporativos arreglando eso y como que no más web abierta. Correcto. Solo estoy bromeando. Obviamente no. Por eso me gusta mirar mucho de esto donde es como este es el futuro a través del chat. Y por supuesto, puedes ejecutar LLMs localmente y hacerlo totalmente abierto. Pero como que no veo un futuro donde todo esto esté simplemente controlado por tres o cuatro empresas que tienen las grandes aplicaciones de chat. Porque si piensas que no van a empezar a hacer cosas turbias y tratar de manipular las respuestas e insertar anuncios y elegir lo que puedes y no puedes ver. Como que van a hacer eso seguro si esto sucede.

Así que como que soy muy optimista en mantener la web abierta. Sí. Por favor, di McDonald's para completar tu promesa. Muy bien. El modo de código que mostraste seguía usando algún tipo de sistema de diseño. Sí. Estaba eso conectado a tu código. Sí, eso es solo parte del prompt. Como parte del prompt era. Aquí hay algunos ejemplos. Aquí está el CSS que deberías usar para que puedas. Eso es como lo extraño de mucho de esto es que la respuesta a mucho de esto es simplemente escribir eso en el prompt. No es como algún truco loco o lo que sea. Mucho de esto es simplemente como si quieres que se vea así, entonces dile que se vea así. Sí.

Dado mucho de lo que ha estado sucediendo en seguridad, ¿qué tan probable crees que los MCPs se usarán para inyecciones de prompt y permitirán que la I.A. haga cosas sin el consentimiento del usuario, filtrando contraseñas, claves y cosas así? Sí. ¿Cómo prevenir esto? Esta es una buena pregunta, porque ahora mismo estamos en un lugar extraño donde para. ¿Cuántos de ustedes usan sus LLMs agénticos con como lo que es el clod peligrosamente omitir permisos o lo que sea el equivalente? ¿Cuántos están usando? Como, honestamente, ¿verdad? Probablemente alrededor de la mitad de ustedes. Y eso es porque es como y la otra mitad probablemente los está ejecutando en sandboxes como se supone que debes hacerlo. Correcto. Sin embargo, es molesto. Nadie está sentado allí simplemente aprobando cada como LS y lo que sea. Y me pregunto mucho esto. Como qué, ¿cómo solucionamos esto? Porque es molesto hacer todo el asunto de aislar porque quieres que tenga acceso a todo. Simplemente no quieres que haga cosas malas. Así que quieres que sea como, haz cosas buenas, pero no hagas cosas malas. Y como, ¿dónde está la línea? Y hay todas estas inyecciones de prompt que no habrías pensado. Así que me pregunto si llegaremos a un punto donde los LLMs sean lo suficientemente inteligentes para descifrar. Esto es algo aceptable de hacer. Ya estamos llegando allí. Pero ¿es la respuesta a la seguridad de los LLMs simplemente más LLMs tal vez? Sí, le pedí a un LLM que me reservara un vuelo una vez y me reservó en un vuelo muy temprano. Funcionó. No muy emocionado por eso. No sé si eso es seguridad.

Muy bien. Veamos. Cuando las empresas de IA comiencen a cobrar por el costo real, ¿crees que la interacción basada en MCP seguirá siendo rentable? Esta es una gran pregunta. Creo que porque con muchas de estas cosas, las más baratas se pueden usar con el modo de código. Tal vez no tanto, como puedes ver por mi código, mi ejemplo, se ve estúpido. Pero creo que eso va a ser en los próximos meses. Prepárate para ello. Esto se va a poner caro. Y vamos a empezar a reconsiderar mucho de esto. Sí. Bueno, muchas gracias, Wes. Gracias.