Qu'est-ce que assistant-ui ?
assistant-ui est une boîte à outils open source en React conçue pour créer facilement des interfaces de chat d’intelligence artificielle, du style ChatGPT, directement dans vos applications. Que vous développiez un assistant personnel, un copilote métier ou un agent conversationnel avancé, assistant-ui fournit tous les composants prêts à l’emploi, la gestion d’état et la logique de streaming nécessaires — sans que vous ayez à tout recréer depuis zéro.
Grâce à son architecture légère et performante en TypeScript, cette bibliothèque s’intègre à n’importe quelle stack (Vercel AI SDK, LangChain, etc.) et prend en charge des fonctionnalités essentielles comme le streaming en temps réel, les outils externes, la persistance des conversations et même les mentions avec @ ou commandes avec /. L’objectif ? Vous faire gagner des jours, voire des semaines, de développement front-end.
Quelles sont les caractéristiques de assistant-ui ?
- Interface ChatGPT-style prête à l’emploi : Composants React entièrement personnalisables avec thèmes, historique des messages et zone de saisie intelligente.
- Streaming haute performance : Affichage fluide des réponses générées mot par mot, avec gestion des interruptions et des nouvelles requêtes.
- Persistance des fils de discussion : Les conversations sont sauvegardées automatiquement (notamment via Assistant UI Cloud), ce qui permet de reprendre là où vous vous étiez arrêté, même après un rechargement.
- Intégration universelle : Compatible avec Vercel AI SDK, LangChain, LangGraph, et tout fournisseur de LLM.
- Support des outils et fonctions : Exécutez des actions côté serveur (météo, recherche, API) et affichez les résultats directement dans le chat.
- Multiplateforme : Fonctionne sur le web, mais aussi avec React Native et Ink pour les terminaux.
- Sécurité intégrée : Cadre de contenu sécurisé (Safe Content Frame) pour isoler les réponses potentiellement non fiables.
- Composants avancés : Outils comme Heat Graph pour visualiser l’attention ou la confiance du modèle, ou Tool UI pour rendre les appels d’outils interactifs.
Quels sont les cas d'utilisation de assistant-ui ?
- Intégrer un assistant IA dans une application SaaS (CRM, outil finance, support client) sans repartir de zéro.
- Créer un copilote interne pour les équipes techniques ou commerciales, connecté à leurs bases de données ou outils.
- Développer un agent conversationnel autonome avec mémoire, outils et boucles de raisonnement (via LangGraph).
- Construire une application mobile d’IA avec React Native et assistant-ui pour une expérience utilisateur cohérente.
- Prototyper rapidement une POC d’IA générative grâce au Playground intégré et aux exemples prêts à l’emploi.
- Ajouter un chat persistant à un site existant, où l’historique est conservé entre les sessions.
- Visualiser le comportement d’un modèle avec Heat Graph pour améliorer la transparence ou le débogage.
- Déployer un assistant financier ou médical avec cadre de sécurité pour limiter les risques liés au contenu généré.
Comment utiliser assistant-ui ?
- Installez rapidement avec la commande
npx assistant-ui initpour générer un projet de base. - Choisissez votre backend (Vercel AI SDK, LangChain, etc.) et connectez-le à l’aide des adaptateurs fournis.
- Personnalisez l’apparence avec les thèmes CSS ou en remplaçant les composants par défaut.
- Activez la persistance des conversations via Assistant UI Cloud ou votre propre base de données.
- Utilisez
@pour mentionner des outils ou/pour déclencher des commandes dans la zone de saisie. - Testez votre interface avec le Playground en ligne avant de l’intégrer dans votre produit final.









