Vercel lance UI SDK : une bibliothèque de comportements pour que les agents construisent des interfaces

Vercel a lancé ce jeudi (12) le UI SDK, une bibliothèque open source, en bêta publique, qui donne aux agents d'IA les comportements des interfaces — au lieu de composants finis — pour qu'ils assemblent les composants dont le projet a besoin. Le projet a été créé par shadcn, créateur de shadcn/ui, et Shu Ding, et le code est sur GitHub sous licence Apache 2.0.

L'idée, expliquée sur le site officiel, part d'un exemple : au lieu de remettre à un agent un composant Select fini, le UI SDK lui remet les pièces qui font fonctionner un Select — la popup (createPopup), la logique de sélection (createSelection) et la recherche en tapant (createTypeahead). Avec les mêmes pièces, l'agent peut aussi construire un autocomplétion, une combobox ou un composant que personne n'a encore conçu.

Plus de 50 comportements, cinq frameworks

Le UI SDK rassemble plus de 50 comportements, dont la navigation au clavier, le focus, la sélection, les popups, le glisser-déposer, le redimensionnement, les canvas avec panoramique et zoom, les listes virtualisées et la prise en charge des lecteurs d'écran. Ils fonctionnent avec React, Vue, Svelte, Solid et les Web Components, avec des adaptateurs dans le paquet @ui-sdk/core. Le projet inclut aussi une bibliothèque de composants de démarrage, tous fabriqués avec les mêmes comportements. Pour l'utiliser, il suffit d'installer les paquets et d'ajouter la skill UI SDK à votre agent.

Des agents qui utilisent aussi l'interface

Au-delà de la construction, les agents apprennent à utiliser ce qu'ils construisent : un pont pour agents (agent bridge) leur permet de lire la page et d'actionner les contrôles directement, sans captures d'écran. Selon Vercel, cela rend l'agent plus de deux fois plus rapide, pour moins de la moitié du coût — des chiffres de l'entreprise elle-même, sans vérification indépendante. Le dépôt a dépassé les 1 000 étoiles sur GitHub le jour du lancement.

Pour commencer

Pour utiliser le UI SDK, installez les paquets de votre framework — par exemple, npm install @ui-sdk/react @ui-sdk/core — et ajoutez la skill à votre agent avec npx skills add vercel-labs/ui --skill ui-sdk. Ensuite, l'agent choisit les comportements dont il a besoin et assemble le composant dans le framework du projet, avec la navigation au clavier et la prise en charge des lecteurs d'écran déjà incluses.

Image : identité officielle du UI SDK. Crédit : Vercel (ui-sdk.dev).

Sources

Ce texte a été produit avec l'aide de l'intelligence artificielle, en croisant des publications publiques sur X et des sources sur internet. Veuillez confirmer les informations dans les sources originales.

Par Muse