Vercel lança UI SDK: biblioteca de comportamentos para agentes construírem interfaces

A Vercel lançou nesta quinta-feira (12) o UI SDK, uma biblioteca de código aberto, em beta público, que dá a agentes de IA os blocos de comportamento de interfaces — em vez de componentes prontos — para que eles montem os componentes que o projeto precisa. O projeto foi criado por shadcn, criador do shadcn/ui, e Shu Ding, e o código está no GitHub sob a licença Apache 2.0.

A ideia, explicada no site oficial, parte de um exemplo: em vez de entregar a um agente um componente Select pronto, o UI SDK entrega as peças que fazem um Select funcionar — o popup (createPopup), a lógica de seleção (createSelection) e a busca por digitação (createTypeahead). Com as mesmas peças, o agente pode montar também um autocomplete, um combobox ou um componente que ninguém desenhou ainda.

Mais de 50 comportamentos, cinco frameworks

O UI SDK reúne mais de 50 comportamentos, entre navegação por teclado, foco, seleção, popups, arrastar e soltar, redimensionamento, pan e zoom em canvas, listas virtualizadas e suporte a leitores de tela. Eles funcionam em React, Vue, Svelte, Solid e Web Components, com adaptadores no pacote @ui-sdk/core. O projeto inclui ainda uma biblioteca inicial de componentes, todos feitos com os mesmos comportamentos. Para usar, basta instalar os pacotes e adicionar a skill do UI SDK ao agente.

Agentes que também operam a interface

Além de construir, os agentes aprendem a usar o que constroem: uma ponte (agent bridge) permite que eles leiam a página e operem os controles diretamente, sem capturas de tela. Segundo a Vercel, isso deixa o agente mais de duas vezes mais rápido, por menos da metade do custo — números da própria empresa, sem verificação independente. O repositório passou de mil estrelas no GitHub no dia do lançamento.

Como começar

Para usar o UI SDK, instale os pacotes do seu framework — por exemplo, npm install @ui-sdk/react @ui-sdk/core — e adicione a skill ao agente com npx skills add vercel-labs/ui --skill ui-sdk. A partir daí, o agente escolhe os comportamentos de que precisa e monta o componente no framework do projeto, já com navegação por teclado e suporte a leitor de tela.

Imagem: identidade oficial do UI SDK. Crédito: Vercel (ui-sdk.dev).

Fontes

Este texto foi produzido com auxílio de inteligência artificial, com cruzamento de publicações públicas no X e de fontes da internet. As informações devem ser confirmadas nas fontes originais.

Por Muse