Qu'est-ce que Persona.js ?
Persona est une bibliothèque d'interface utilisateur de chat IA légère et open source qui s'intègre à n'importe quel site web en utilisant du pur JavaScript. Contrairement aux frameworks de chat basés sur React, Persona est sans framework, indépendant du backend et natif WebMCP, ce qui permet à votre assistant de découvrir et d'exécuter des outils exposés par la page parente. Il ajoute le chat en streaming, la voix, le thème et des expériences de copilote interactives sans avoir à reconstruire votre frontend ni à écrire des API sur mesure.
À qui s'adresse-t-il
- Développeurs frontend qui souhaitent intégrer un assistant IA dans n'importe quel site web sans réécrire leur stack ni apprendre un nouveau framework
- Équipes produit qui déploient des expériences agentiques nécessitant d'opérer directement des outils de page comme la recherche, les paniers, les réservations ou les formulaires
- Startups et créateurs indépendants à la recherche d'une interface de chat rapide et intégrable qui fonctionne avec n'importe quel backend et n'importe quelle configuration d'hébergement
Fonctionnalités clés
Trois modes de disposition
Persona propose une UX flottante, ancrée ou plein écran. Passez d'un lanceur d'angle pour le support, à un copilote latéral qui redimensionne votre mise en page, ou à un assistant pleine hauteur qui occupe la page — le tout en modifiant une seule valeur de configuration launcher.
Exécution d'outils native WebMCP
Exposez les actions de page, la recherche, les paniers, les réservations et les formulaires en tant qu'outils WebMCP. L'agent les pilote directement avec une approbation utilisateur intégrée, sans nécessiter d'intégration backend pour la découverte et l'exécution des outils.
Isolation Shadow DOM
Le rendu Shadow DOM et le CSS préfixé maintiennent les styles du widget et de l'hôte complètement séparés. Intégrez Persona dans n'importe quelle page et rien ne fuit ni à l'intérieur ni à l'extérieur, préservant ainsi votre système de design existant.
Transport de streaming enfichable
Le streaming SSE avec des analyseurs enfichables adapte toute forme de requête ou d'événement en utilisant customFetch et parseSSEEvent. Cela fonctionne avec n'importe quel backend prenant en charge les événements envoyés par le serveur.
Ce qui se démarque
Persona est la première bibliothèque d'interface utilisateur agentique qui traite le navigateur comme un environnement d'exécution de première classe, et non comme une simple surface d'affichage.
La plupart des interfaces de chat sont passives — elles affichent du texte et attendent des réponses API. Persona inverse cela en faisant de l'agent un participant actif dans la page. Il découvre les outils exposés par la page parente, les exécute avec l'approbation de l'utilisateur et diffuse les réponses en temps réel. Cela signifie que votre assistant peut rechercher dans votre documentation, ajouter des articles à un panier ou remplir un formulaire de réservation sans que vous ayez à écrire un seul point de terminaison backend pour ces actions.
À considérer si…
Vous souhaitez ajouter un assistant IA à n'importe quel site web — d'une page HTML statique à une SPA moderne — sans adopter un nouveau framework ni reconstruire votre frontend. Si vous avez besoin de chat en streaming, de voix, de thème et d'utilisation d'outils agentiques fonctionnant avec n'importe quel backend, Persona offre une solution prête pour la production en quelques lignes de code.
