A Vercel Labs lançou o UI SDK, uma biblioteca beta de código aberto de comportamentos de interface desenvolvida para agentes de codificação. O Vercel UI SDK é uma biblioteca headless que entrega comportamentos, não componentes concluídos. Os agentes combinam esses comportamentos em componentes acessíveis para React, Vue, Svelte, Solid e Web Components. Você pode conferir as opções de implantação e especificações aqui, por meio da extensão Chrome GPULeaderboard.com.
TL;DR
Tamanho: mais de 50 comportamentos, 51 módulos de componentes no repositório, 6 pacotes npm na versão 0.1.0-beta.1
Funciona em: qualquer navegador moderno, sem GPU. React 19+, Vue 3.5+, Svelte 5.33+, Solid 2 RC ou Web Components puros.
Desempenho: nos testes internos da Vercel, um agente usou 69% menos chamadas de ferramenta em uma tarefa de configuração. Melhor: o tempo da tarefa caiu 61%, de 41 s para 16 s, com a ponte do agente (auto‑relatado). Pior: o benchmark cobre 1 tarefa e 3 execuções, e as APIs beta ainda podem mudar.
O que é o Vercel UI SDK?
UI SDK é uma biblioteca de comportamentos de UI da Vercel Labs que os agentes montam em componentes. O README lista navegação por teclado, foco, seleção, descarte, pop‑ups, arrastar e soltar, e as ARIA necessárias. Tudo isso reside em @ui-sdk/core. Adaptadores leves o renderizam em cada framework. O site do projeto demonstra a ideia com um Select. Você não entrega ao agente um Select pronto; entrega‑lhe um pop‑up, um modelo de seleção e typeahead. Essas mesmas partes podem gerar um autocomplete, um combobox ou um componente que ainda não foi projetado.
Como o UI SDK funciona?
Componentes começam como primitivas definidas com definePrimitive. Uma primitiva declara estado, uma API e slots. Slots vinculam atributos, eventos e comportamentos a partes do DOM. O exemplo no README cria um campo de busca com createFocusRecovery; seu botão Clear aparece apenas quando há texto. Cada framework então renderiza a primitiva com createParts. O README afirma que as partes são as mesmas nos 5 adaptadores. Assim, uma definição de comportamento pode servir a um app React e a um app Svelte.
Quais comportamentos são incluídos?
Os comportamentos mostrados em ui-sdk.dev incluem: createRovingFocus – setas do teclado movem...
Fonte: MarkTechPost
Publicado em 2026-11-14