Open source · MIT · Agentic UI SDK
Vos boutons, liens et champs de formulaire deviennent des outils qu'un agent peut appeler. Vos utilisateurs n'ont qu'à demander, à l'écrit ou à la voix, directement dans votre application : rien à installer de leur côté.
Intégré à votre application · Rien à installer pour vos utilisateurs · Texte et voix
npm i @owllayer/reactAujourd'hui
Prenons un souhait tout simple : un sweat bleu nuit, taille M, à moins de 50 €. Menus, sous-menus, filtres, tri, pages : voici ce qu’il coûte sur une boutique ordinaire.
« Un sweat bleu nuit, taille M, à moins de 50 €. »
Fonctionnement
Prenez un composant que vous avez déjà. Ajoutez une déclaration à côté de son action. L'agent peut maintenant l'appeler, et c'est toujours votre code qui fait le travail.
Votre interface
49 €
PartagerCe que l'agent reçoit
Storyboard en direct
Quelqu'un cherche un t-shirt bleu nuit, taille M, à moins de 50 €. Avec OwlLayer AI intégré à la boutique, il le dit une fois, les mains libres. L'agent cherche, filtre et ouvre le produit avec les outils que propose l'écran courant, et la liste change avec les pages.
T-shirts
6 résultats
T-shirt OwlLayer
49 €
T-shirt Harbor
65 €
T-shirt Trail
45 €
T-shirt poche
55 €
Sweat col rond
39 €
Veste polaire
59 €
Assistant de la boutique
En ligne
Disponible pour l'agent
Toute l'app
Cet écran
Une boutique de démonstration. search_products, add_to_cart, select_shipping, select_payment et confirm_checkout, avec leurs niveaux de risque, viennent de la démo React open source.
Collez une adresse. Le scanner ouvre la page comme une personne la voit et liste les actions qu'un agent pourrait y faire : chercher, ajouter au panier, réserver, envoyer. Avec le code pour déclarer chacune.
Le voir agir
Les démos open source, rejouées en animation avec leurs outils. À côté de chacune, la piste du protocole montre ce que l'agent fait, étape par étape.
Chercher, ajouter au panier, payer : le paiement attend une approbation.
Commande n° 1042
Merci, votre commande est confirmée.
Assistant
Trouve un sweat bleu nuit et ajoute-le au panier.
Passe au paiement.
Votre commande est confirmée.
Reconstitution animée de la démo, en attendant son enregistrement vidéo.
Modifier le catalogue en langage naturel : supprimer un produit demande un oui.
Produits
ProduitStockPrix
Bureau en chêne12320 €
Lampe de bureau4845 €39 €
Coussin en lin9029 €
Étagère murale3165 €
Assistant
Passe la lampe de bureau à 39 €.
Supprime la chaise qui n’est plus fabriquée.
C’est fait, le catalogue est à jour.
Reconstitution animée de la démo, en attendant son enregistrement vidéo.
Préparer un voyage à voix haute : la réservation est confirmée par le voyageur.
Votre voyage
Lisbonne 4 jours
Vol · Hôtel
Budget1 140 € / 1 200 €
Assistant
Quatre jours à Lisbonne, moins de 1 200 €.
Voyage prêt : 4 jours, 1 140 €.
Réserve.
Reconstitution animée de la démo, en attendant son enregistrement vidéo.
Intégrations & modèles
Choisissez l'intégration qui correspond à votre produit et le modèle adapté à votre usage. Les mêmes actions fonctionnent en texte, en voix et en audio temps réel.
Votre stack
OwlLayer AI Runtime
AITP · Politique · Approbation · Contexte
Votre modèle
Confiance
Chaque action est une capacité explicite de votre application. Rien ne s'exécute que votre code n'ait déclaré.
Quatre niveaux de risque
Approbation requise
Pas de scraping du DOM
L'agent reçoit des contrats structurés et le contexte que vous publiez, jamais la page rendue.
Docs →Les clés restent sur le serveur
Les identifiants des fournisseurs ne sont jamais livrés dans le navigateur.
Docs →Le serveur a le dernier mot
Votre serveur peut bloquer n'importe quel outil, même déclaré par une page.
Docs →Une approbation hors de portée de la page
La fenêtre d'approbation s'affiche dans un Shadow DOM fermé, inaccessible aux scripts de la page.
Docs →Non. L'agent fait partie de votre application web : vos utilisateurs ouvrent votre site et demandent, à l'écrit ou à la voix. Pas d'extension, pas d'application de bureau, pas d'abonnement IA à prendre, et aucune fonction de navigateur à activer : cela fonctionne dès aujourd'hui dans Chrome, Edge et Firefox. Votre serveur détient les clés des modèles.
MCP déclare des outils côté serveur : ce que vos services savent faire. OwlLayer AI les déclare côté interface : vos composants et éléments HTML deviennent les actions disponibles sur l'écran courant. Les deux fonctionnent ensemble, et le même agent peut utiliser les deux. Des ponts MCP sont prévus sur la feuille de route.
Oui. Avec le paquet browser, quelques attributs data-owllayer sur un bouton, un lien ou un champ en font un outil, en HTML simple ou dans une page rendue côté serveur. Les paquets React, Vue, Svelte et Angular suivent le même modèle.
Il ne peut appeler que les outils déclarés par votre interface, avec des entrées validées par leur schéma. Les outils high et critical attendent une décision humaine, c'est votre handler qui exécute, et votre serveur peut bloquer n'importe quel outil.
Non. Ajoutez le provider autour de votre app, puis des outils composant par composant. Pages, routing et logique métier restent identiques. Pour l'enlever, supprimez le provider et les déclarations d'outils : aucun format de données propriétaire, rien à migrer.
Vous. Le runtime tourne sur votre serveur avec vos clés, et l'agent ne reçoit que le contexte que vous choisissez de publier.
OwlLayer AI est en 0.x : les paquets publics sont publiés et testés, et les API peuvent encore évoluer entre versions mineures. Fixez vos versions et lisez le changelog avant de mettre à jour.
Open source
Lisez le code, lancez les démos, ouvrez une issue, proposez une pull request. La roadmap et les discussions sont publiques.
Commencez par un bouton et une action. Élargissez ensuite.
owlLaunch() · en attente
OwlLayer AI termine sa première version publique. Rendez-vous à la date ci-dessous.
Résultat de l'outilowlLaunch()
{
"ok": false,
"status": "scheduled",
"opens_at": "2026-10-05T09:00:00.000Z"
}