Vercel Labs publie en bêta une bibliothèque open-source de comportements d'interface et un pont d'exécution pour agents. Compatible avec React, Vue, Svelte, Solid et les Web Components, le SDK UI permet des interactions pilotées par LLM sans capture d'écran. Vercel rapporte des gains de temps et de coût sur une tâche type, tout en précisant que ces chiffres proviennent d'un échantillon restreint.
Des gains mesurés sur une seule tâche et des réserves explicites
Vercel Labs rapporte, dans un test interne, une réduction de 69 % des appels d’outils sur une tâche de paramètres avec le SDK UI. Le temps mesuré baisse de 61 %, de 41 secondes à 16 secondes, et le coût passe de 0,073 $ à 0,032 $. Le cas testé porte sur le changement de nom d’un projet, la modification des membres et des notifications, puis l’enregistrement. Les deux agents se sont servis de Sonnet via Claude Code, avec une tâche et un prompt système identiques, et les résultats mentionnés correspondent à la médiane de trois essais. Les outils de navigation ont totalisé 165 appels, le nombre de caractères lus a chuté de 39,8k à 6,8k, et la durée s’est réduite de 41 à 16 secondes. Vercel précise que l’échantillon porte sur une seule tâche, que l’exécution avec outils de navigateur utilisait une bibliothèque de composants différente et que la version de Sonnet n’est pas précisée.
Un pont d’exécution pour que les agents pilotent l’interface
Le SDK UI propose un pont créé avec createAgent() avant le rendu, permettant aux agents d’agir sur l’état sans capture d’écran. La méthode agent.snapshot() inventorie composants, états et actions disponibles, tandis que agent.act() exécute ces actions, par exemple un renommage via setValue. Les applications peuvent interposer un callback allow pour approuver ou refuser les actions, et recevoir des callbacks de changement annotés source:"agent" afin de pouvoir annuler une modification. Des outils peuvent aussi être enregistrés avec les navigateurs pris en charge via WebMCP.
La bibliothèque propose plus de 50 comportements pour agents IA
La bibliothèque regroupe plus de 50 comportements dans @ui-sdk/core, rendus par des adaptateurs légers. Elle illustre comment assembler un Select à partir d’un popup, d’un modèle de sélection et d’un typeahead, éléments qui peuvent aussi composer un autocomplete, une combobox ou un composant inédit. Parmi les comportements mis en avant figurent createRovingFocus, createTypeahead, createPopup, createSelection, ainsi que createReorder, createResize, createViewport et createVirtualizer. La documentation organise l’ensemble en dix catégories et propose des composants préconstruits comme Select, Combobox, Date Picker, Menu, Tree et Color Picker. Le projet met en avant un cœur unique et cinq adaptateurs, avec une approche où les agents composent des composants à partir de comportements plutôt que de modèles.
Vous codez avec l’IA ?
Outils, agents et nouveautés dev IA décryptés, chaque soir en 5 min. Gratuit.
Inclus dès l'inscription : notre sélection des meilleurs guides & comparatifs IA.
Choisissez votre rythme
Gratuit · Pas de spam · Désabonnement en 1 clic
Primitives, slots et rendu identique dans cinq adaptateurs
Les composants naissent comme primitives via definePrimitive, lesquelles déclarent un état, une API et des slots. Ces slots lient attributs, événements et comportements aux zones du DOM. Un exemple montre un champ de recherche avec createFocusRecovery, où le bouton Clear n’apparaît qu’en présence de texte. Le rendu s’effectue via createParts et, selon la documentation, les parties restent identiques dans les cinq adaptateurs, ce qui permet à une même définition de comportement d’alimenter aussi bien une application React qu’une application Svelte. Le SDK UI cible React, Vue, Svelte, Solid et les Web Components, fonctionne dans les navigateurs modernes sans GPU, et requiert des versions de frameworks récentes, dont React 19+ et Vue 3.5+.
Bêta publiée sur npm, licences et exigences de pair
Six packages sont disponibles sur npm en version 0.1.0-beta.1, publiés le 12 novembre 2026, sous licence Apache-2.0. Pour installer, la commande npm install @ui-sdk/react @ui-sdk/core est utilisée, l’adaptateur étant remplacé selon le framework. Les dépendances de pair requises sont React 19+, Vue 3.5+, Svelte 5.33+ et Solid 2.0.0-rc.14+, et un fichier web.css optionnel fournit un style par défaut. La mise en place côté agent passe par un prompt à coller pour installer les packages et annoter AGENTS.md, avec une compétence ui-sdk installable via npx skills add vercel-labs/ui --skill ui-sdk. Les pages sans build peuvent charger web.js et web.css depuis ui-sdk.dev. Le dépôt GitHub, la documentation et le package npm sont accessibles en ligne.
Positionnement face à Radix, React Aria, Base UI et Ark UI
Le SDK UI se distingue par un modèle où les comportements sont composés par des agents, quand Radix et Base UI fournissent des composants non stylisés, React Aria des hooks et composants, et Ark UI des composants sur machines d’état Zag.js. Les frameworks couverts diffèrent : le SDK UI vise React, Vue, Svelte, Solid et les Web Components, quand Radix, React Aria et Ark UI ciblent React, et Base UI couvre React, Vue, Solid et Svelte. Les licences sont Apache-2.0 pour SDK UI et React Aria, et MIT pour Radix, Base UI et Ark UI. Les dernières versions citées sont 0.1.0-beta.1 (SDK UI), 1.8.1 (Radix), 1.2.2 (React Aria Components), 2.1.1 (Base UI) et 0.9.0 (Ark UI), avec des plages de pair React de 19+ pour le SDK UI, 16.8 à 19 pour Radix et React Aria, 17 à 19 pour Base UI et 18+ pour Ark UI. Les données de version proviennent de npm au 13 novembre 2026. Si React Aria et Ark UI séparent déjà comportement et balisage, la différence mise en avant pour le SDK UI est l’existence d’une couche agent dédiée avec compétence, llms.txt groupé et pont d’exécution, non divulguée chez les autres.
