Vercel brengt tweede UI SDK-bèta voor codeeragenten uit

UI SDK krijgt op 13 november zijn tweede bèta-uitgave: Vercel Labs publiceert versie 0.1.0-beta.2, met fixes voor veldlabels en de Vue/Nuxt-ontwikkelomgeving.

Voor Nederlandse productteams verandert daarmee de eerste stap naar agentgestuurde interfaces. Een veld kan zijn toegankelijke naam al in de serverweergave meekrijgen, voordat JavaScript in de browser draait. Teams die Vue met Nuxt gebruiken, vermijden ook een fout waarbij dezelfde kernbibliotheek tweemaal werd geladen en componenten daardoor vastliepen.

Beta.2 repareert twee breekpunten

De publieke bèta begon op 12 november als versie 0.1.0-beta.1; beta.2 volgde een dag later. De UI SDK-changelog dateert de introductie op 12 november. De bibliotheek blijft een bèta waarvan de API kan veranderen.

Beta.2 herstelt een veldlabel voor een SelectTrigger, het bedieningselement van een keuzelijst, die via een controller buiten de Select staat maar wel bij een Field hoort. De server verstuurt nu het juiste veld-id en de toegankelijke naam voordat JavaScript de pagina activeert. Een tweede wijziging houdt focus en bediening intact wanneer een modaal venster vanuit een ander modaal venster wordt geopend.

Voor Vue en Nuxt voorkwam de update een dubbele core-kopie in de ontwikkelomgeving. Nuxt laadde eerder zijn eigen versie naast de kopie die de toepassing importeerde. Doordat de twee kopieën geen status konden delen, konden componenten crashen. De patchnotities van beta.2 beschrijven hoe Nuxt de core-ingangen nu vooraf bundelt. Dat is nuttig voor teams die de Vue-adapter testen, maar zegt nog niets over productiestabiliteit.

De bibliotheek levert gedrag, geen ontwerp

UI SDK is headless: de bouwstenen regelen onder meer toetsenbordnavigatie, focus, selectie, popups, slepen en neerzetten en de benodigde toegankelijkheidsinformatie. MarkTechPost telt meer dan vijftig gedragingen in de bèta; de officiële catalogus toont voorbeelden voor focus, selectie en popups. Het team bepaalt zelf hoe componenten eruitzien en in de productlogica passen.

Een codeeragent kan met die bouwstenen een component op maat samenstellen. Een bouwsjabloon, in Vercels documentatie een primitive genoemd, beschrijft de status, acties en onderdelen van een component. Adapters vertalen die naar React, Vue, Svelte, Solid of Web Components. De code staat onder de Apache-2.0-licentie. De snelstart installeert de kern en een adapter en laat de agent vervolgens een UI SDK-skill gebruiken. Voor de React-route noemt Vercel React 19 of hoger als eis in de installatie-instructies voor de publieke bèta.

De bouwstenen geven de agent vaste interactieregels om mee te werken. Ze leveren geen compleet ontwerp of automatisch conforme productinterface; labels, inhoud, vormgeving en tests blijven onderdeel van het teamwerk.

De agent kan de interface ook bedienen

Een app kan ook een createAgent-brug maken. Via een momentopname leest de agent componenten, waarden en beschikbare acties; met act kan hij bijvoorbeeld een projectnaam wijzigen. Vercel beschrijft WebMCP als route om deze tools aan ondersteunde browsers te geven.

Zonder allow-callback accepteert de brug ondersteunde acties. Een callback kan acties begrenzen of toestemming vragen. Die controle gaat over acties: componenten en keuzemogelijkheden blijven zichtbaar in de momentopname en query. Voor gevoelige gebieden documenteert Vercel kenmerken als data-agent-hidden en data-agent-secret. De toestemmingsdocumentatie maakt onderscheid tussen actierechten en wat de agent kan zien.

Dit verschilt van de verpakkingslaag: Agent Plugins 1.0 maakte skills en MCP-servers overdraagbaar tussen zes agentclients. UI SDK gaat over de componenten in een toepassing en de acties die een agent daarop kan uitvoeren. In een webshop blijft checkoutbediening een aparte laag; een toegankelijkheidsboom helpt browseragents de keuzes en foutmeldingen van een checkout begrijpen.

De prestatiewinst komt uit één test

Vercels eerste benchmark gebruikte één taak op een projectinstellingenscherm: een agent wijzigde de projectnaam, leden en meldingsinstellingen en sloeg die op. Beide routes gebruikten Sonnet via Claude Code, dezelfde taak en systeemprompt, en drie runs. Alle runs voltooiden de taak.

De mediane toolaanroepen daalden van 16 naar 5, of 69 procent. De gelezen tekst daalde van 39.800 naar 6.800 tekens, 83 procent. De taakduur ging van 41 naar 16 seconden, 61 procent korter. De gerapporteerde kosten daalden van 7,3 naar 3,2 dollarcent, 56 procent. De Vercel-benchmark vermeldt de cijfers voor deze ene taak en drie runs.

De vergelijking wisselde twee dingen tegelijk: browsertools draaiden op een pagina met een andere componentbibliotheek, de agentbrug op een UI SDK-scherm. De test laat dus zien wat Vercel in deze opstelling mat, niet het geïsoleerde effect van de brug of de verwachte productiviteitswinst voor ander werk.

Adobe's React Aria biedt al toetsenbord- en schermlezerondersteuning volgens WAI-ARIA. Het documenteert inmiddels ook een agentskill en MCP-server voor AI-codeerhulpmiddelen. De toegankelijkheidsdocumentatie van React Aria beschrijft de toetsenbord- en schermlezerondersteuning; de AI-documentatie noemt skills en een MCP-server. Daarmee is Vercels aanpak niet de enige route: Adobe koppelt bestaande toegankelijkheidscomponenten ook aan agentskills en een MCP-server.

Voor productteams komt de vraag op twee plaatsen te liggen: welke interacties moeten voor iedere gebruiker werken, en welke waarden of acties mag een agent zien en uitvoeren? Agent Plugins legde een overdraagbare verpakkingslaag voor uitbreidingen; UI SDK brengt agentondersteuning dichter bij de interface zelf. Beta.2 bevat al reparaties voor labels, focus en ontwikkelservergedrag, terwijl de prestatietest nog op één taak rust.