Vercel Labs presentó UI SDK, una biblioteca abierta en fase beta que ofrece más de 50 comportamientos de interfaz para que agentes de programación compongan componentes en distintos frameworks. Una prueba interna reportó menos llamadas a herramientas, menos tiempo y menor costo, aunque se limitó a una tarea y tres ejecuciones.
***

• La biblioteca ofrece más de 50 comportamientos reutilizables y adaptadores para React, Vue, Svelte, Solid y Web Components.
• En una prueba de Vercel, el puente de agente redujo 69% las llamadas a herramientas y 61% el tiempo de una tarea.
• Los resultados son preliminares: el benchmark cubrió una sola tarea y tres ejecuciones, y la API sigue en beta.

Vercel presenta una biblioteca para que agentes de IA compongan interfaces web

Vercel Labs publicó UI SDK, una biblioteca abierta en fase beta que reúne más de 50 comportamientos de interfaz para agentes de programación. La herramienta separa las interacciones de los componentes visuales y permite combinarlas en aplicaciones creadas con varios frameworks.

La propuesta también incluye un puente para que los agentes consulten el estado de una interfaz y ejecuten acciones sin depender únicamente de capturas de pantalla. En una prueba propia, Vercel reportó menos llamadas a herramientas, menor tiempo y menor costo, pero los resultados corresponden a una sola tarea y tres ejecuciones.

Comportamientos que los agentes pueden combinar

UI SDK no entrega una colección de componentes terminados para copiar en una aplicación, sino comportamientos que un agente puede ensamblar según la interfaz requerida. Entre ellos figuran navegación por teclado, gestión del foco, selección, descarte y ventanas emergentes, junto con los atributos ARIA que ayudan a hacer accesibles esas interacciones.

La diferencia es importante para tareas en las que un agente debe crear algo parecido a un selector, un autocompletado o un cuadro combinado. En vez de recibir una pieza cerrada, puede trabajar con elementos funcionales como un popup, un modelo de selección y una función de búsqueda rápida, y combinarlos en una solución adaptada al caso.

El núcleo del proyecto, identificado como @ui-sdk/core, organiza estas capacidades en primitivas definidas con definePrimitive. Cada primitiva declara estado, una interfaz de programación y espacios o partes que conectan atributos, eventos y comportamientos con elementos del documento web.

El ejemplo de búsqueda del README incorpora createFocusRecovery para gestionar el foco y mostrar un botón de limpieza cuando el campo contiene texto. Después, adaptadores específicos renderizan la misma definición en distintos frameworks mediante createParts; según la documentación, las partes se mantienen iguales en los cinco adaptadores disponibles.

Compatibilidad, componentes y configuración

La biblioteca contempla React, Vue, Svelte, Solid y Web Components, por lo que una definición de comportamiento puede reutilizarse en aplicaciones basadas en tecnologías distintas. Entre las funciones documentadas aparecen el movimiento por listas con las flechas del teclado, el salto a elementos mediante escritura, la selección individual o múltiple y herramientas para reordenar, cambiar tamaño o virtualizar contenido.

Las guías del proyecto agrupan los comportamientos en diez categorías, desde gestión del foco y teclas hasta funciones para canvas. También muestran componentes preconstruidos, como Select, Combobox, Date Picker, Menu, Tree y Color Picker, que sirven como ejemplos de lo que puede construirse a partir de las primitivas disponibles.

Para orientar a un agente, los desarrolladores pueden instalar una skill y añadir una instrucción a AGENTS.md. Esa nota dirige al agente hacia la skill de UI SDK y el archivo llms.txt de la documentación; la instalación descrita utiliza npx skills add vercel-labs/ui --skill ui-sdk.

Los seis paquetes publicados en npm están en la versión 0.1.0-beta.1, con licencia Apache-2.0 y fecha de publicación del 12 de noviembre de 2026. Los requisitos mínimos indicados son React 19, Vue 3.5, Svelte 5.33 y Solid 2.0.0-rc.14; además, un archivo opcional web.css aplica una apariencia predeterminada.

Un puente para que el agente interactúe con la aplicación

La propuesta no se limita a facilitar la construcción de componentes: también busca que un agente pueda operar directamente una interfaz durante su ejecución. La documentación describe createAgent(), que se configura antes de que la página se renderice y permite consultar qué componentes existen, cuál es su estado y qué acciones pueden realizarse.

Con agent.snapshot(), el agente obtiene una descripción de los componentes y las acciones disponibles; con agent.act(), puede ejecutar operaciones, como cambiar el nombre de un proyecto mediante setValue. Así, la interacción se organiza alrededor del estado y las acciones expuestas por la aplicación, en lugar de depender exclusivamente de la lectura visual de una captura.

Las aplicaciones pueden definir un callback allow para aceptar o rechazar las acciones propuestas por el agente, y los callbacks de cambio reciben el origen agent. La documentación también permite cancelar un cambio y señala que, en navegadores compatibles, las herramientas pueden registrarse mediante WebMCP.

Ese diseño incorpora controles para que la automatización no equivalga a conceder acceso irrestricto a cada acción. La aprobación o el rechazo quedan en manos de la aplicación, mientras que la identificación del origen permite distinguir los cambios iniciados por el agente; son mecanismos descritos en la documentación, no una garantía independiente sobre la seguridad de cualquier implementación.

Resultados preliminares y límites de la comparación

Vercel comparó su puente de agente con herramientas de navegador en una tarea de configuración de proyecto. El agente debía renombrar el proyecto, actualizar miembros y ajustes de notificaciones y guardar los cambios; ambos ensayos utilizaron Sonnet a través de Claude Code y compartieron la misma tarea y el mismo mensaje de sistema.

En las medianas de tres ejecuciones, las llamadas a herramientas bajaron de 16 a 5 con UI SDK, una reducción reportada de 69%. El texto leído descendió de 39.800 a 6.800 caracteres, equivalente a 83% menos, mientras que el tiempo pasó de 41 a 16 segundos y el costo, de USD $0,073 a USD $0,032.

La compañía presentó esas cifras como orientativas, no como una evaluación amplia del rendimiento en distintas aplicaciones. El benchmark cubrió una sola tarea, se basó en tres ejecuciones y, además, la alternativa con herramientas de navegador usó una biblioteca de componentes diferente, una condición que dificulta atribuir todo el resultado únicamente al puente.

Vercel tampoco identificó la versión de Sonnet utilizada en la comparación. Por ello, los datos sirven como una señal inicial sobre el posible ahorro de interacciones y lectura de contenido, pero no demuestran que la misma diferencia aparezca en otras tareas, marcos de trabajo o configuraciones de agentes.

MarkTechPost informó sobre el lanzamiento y sus especificaciones, mientras que la documentación y el benchmark del proyecto detallan los comportamientos, el puente y la metodología de la prueba. Con una versión beta temprana, la compatibilidad mínima elevada y resultados todavía acotados, el alcance práctico de UI SDK dependerá de cómo evolucione la biblioteca y de su desempeño en usos más diversos.

Imagen original de DiarioBitcoin, creada con inteligencia artificial, de uso libre, licenciada bajo Dominio Público.

Este artículo fue escrito por un redactor de contenido de IA y revisado por un editor humano para garantizar calidad y precisión.

ADVERTENCIA: DiarioBitcoin ofrece contenido informativo y educativo sobre diversos temas, incluyendo criptomonedas, IA, tecnología y regulaciones. No brindamos asesoramiento financiero. Las inversiones en criptoactivos son de alto riesgo y pueden no ser adecuadas para todos. Investigue, consulte a un experto y verifique la legislación aplicable antes de invertir. Podría perder todo su capital.

Suscríbete a nuestro boletín