Vercel lanza UI SDK: una biblioteca de comportamientos para que los agentes construyan interfaces

Vercel lanzó este jueves (12) el UI SDK, una biblioteca de código abierto, en beta pública, que da a los agentes de IA los comportamientos de las interfaces —en lugar de componentes terminados— para que ensamblen los componentes que el proyecto necesita. El proyecto fue creado por shadcn, creador de shadcn/ui, y Shu Ding, y el código está en GitHub bajo la licencia Apache 2.0.

La idea, explicada en el sitio oficial, parte de un ejemplo: en lugar de entregar a un agente un componente Select terminado, el UI SDK le entrega las piezas que hacen funcionar un Select: el popup (createPopup), la lógica de selección (createSelection) y la búsqueda al escribir (createTypeahead). Con las mismas piezas, el agente también puede montar un autocompletado, un combobox o un componente que nadie ha diseñado todavía.

Más de 50 comportamientos, cinco frameworks

El UI SDK reúne más de 50 comportamientos, entre navegación por teclado, foco, selección, popups, arrastrar y soltar, redimensionado, lienzos con paneo y zoom, listas virtualizadas y soporte para lectores de pantalla. Funcionan en React, Vue, Svelte, Solid y Web Components, con adaptadores en el paquete @ui-sdk/core. El proyecto incluye además una biblioteca inicial de componentes, todos hechos con los mismos comportamientos. Para usarlo, basta instalar los paquetes y añadir la skill de UI SDK al agente.

Agentes que también operan la interfaz

Además de construir, los agentes aprenden a usar lo que construyen: un puente para agentes (agent bridge) les permite leer la página y operar los controles directamente, sin capturas de pantalla. Según Vercel, esto hace al agente más del doble de rápido por menos de la mitad del coste, cifras de la propia empresa, sin verificación independiente. El repositorio superó las mil estrellas en GitHub el día del lanzamiento.

Cómo empezar

Para usar el UI SDK, instale los paquetes de su framework —por ejemplo, npm install @ui-sdk/react @ui-sdk/core— y añada la skill al agente con npx skills add vercel-labs/ui --skill ui-sdk. A partir de ahí, el agente elige los comportamientos que necesita y monta el componente en el framework del proyecto, ya con navegación por teclado y soporte para lectores de pantalla.

Imagen: identidad oficial del UI SDK. Crédito: Vercel (ui-sdk.dev).

Fuentes

Este texto se produjo con ayuda de inteligencia artificial, cruzando publicaciones públicas en X y fuentes de internet. Confirme la información en las fuentes originales.

Por Muse