--- title: "AI Extension Builder : l'agent et la base de données GoodBarber" description: "Prenons un club de sport qui veut faire choisir à ses membres la date de son tournoi. Dans sa section Créer avec l'IA, il écrit : « Ajoute un sondage pour chois" canonical_url: "https://fr.goodbarber.com/blog/ai-extension-builder-l-agent-teste-vos-sections-et-peut-creer-la-base-de-donnees-de-votre-app-a1492/" lang: fr date: 2026-11-05 last_updated: 2026-11-05 --- # AI Extension Builder : l'agent teste vos sections et peut créer la base de données de votre app Depuis le 4 novembre, l'agent de Créer avec l'IA, la section de l'AI Extension Builder, teste vos sections dans un vrai navigateur avant de vous les rendre. Il vous pose une question quand un choix vous revient, et peut créer la base de données de votre app. Le studio change aussi d'interface. ![](https://blog.goodbarber.com/_public/profile/b5/b5f3704c4117b921f2e8146eddf0b0763b3e1692-default.jpg) [Pierre-Laurent Medori](https://fr.goodbarber.com/blog/author/pierre-medori/)Head of Backend Engineering [Choisissez **GoodBarber** commeSource d’actualités préféréeChoisissez **GoodBarber** comme](https://www.google.com/preferences/source?q=fr.goodbarber.com) 5 nov. 2026 · 6 min de lecture ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/98605233-68813485.jpg?v=1793871140.9726856) ## Un sondage, de la demande à la section Prenons un club de sport qui veut faire choisir à ses membres la date de son tournoi. Dans sa section [Créer avec l'IA](https://fr.goodbarber.com/extensions/ai-extension-builder/), il écrit : « Ajoute un sondage pour choisir la date du tournoi, avec les résultats. » L'agent lit d'abord le contexte de l'app : sa palette, ses polices, son logo, les fichiers déjà ajoutés. Il consulte le design system de GoodBarber, écrit par nos designers. Puis il écrit les fichiers de la section. Les votes doivent être partagés entre tous les membres. L'agent le repère et pose la question, avec trois réponses : - **Créer la base de l'app** : une seule base, gérée par GoodBarber. Ses tables partent vides. - **[Connecter mon Supabase](https://fr.goodbarber.com/blog/ai-extension-builder-une-base-supabase-dans-votre-app-a1394/)** : les données vont dans le projet Supabase du club. - **Annuler** : l'agent fait la section sans base, et chaque téléphone ne voit que ses propres votes. Le club choisit la base GoodBarber. L'agent ouvre alors la section dans un navigateur, à la largeur d'un téléphone, et essaie ses boutons. Il cherche les erreurs : un script qui plante, une image cassée, un texte qui déborde de l'écran. Il corrige ce qu'il trouve, puis enregistre la section. Les membres votent, tout le monde voit les résultats. Chacun ne modifie que son propre vote. ## Ce qui change par rapport à l'ancien moteur Avec [l'ancien moteur](https://fr.goodbarber.com/blog/l-ai-extension-builder-passe-sur-gpt-6-luna-a1453/), le code d'une section s'affichait dans votre aperçu sans avoir été testé. Désormais, l'agent le teste dans un navigateur avant de l'enregistrer. | | Avant le 4 novembre | Depuis le 4 novembre | | ----------------- | --------------------------------------- | ---------------------------------------------------------- | | Construction | Une génération en un seul passage | Un agent qui écrit, relit et corrige, étape par étape | | Vérification | Pas testé avant l'aperçu | Testé dans un vrai navigateur, à la largeur d'un téléphone | | Questions | Avant l'écriture du code, puis à la fin | Dès qu'un choix vous revient | | Données partagées | Un projet Supabase à connecter | Une base gérée par GoodBarber, ou votre Supabase | | Interface | L'ancien studio | Redessinée, claire ou sombre comme votre back-office | ## Le design de votre app, appliqué par l'agent Pas besoin d'appliquer vous-même le beau design de votre app : l'agent a un outil pour ça. Avant de choisir les styles d'une section, il lit le design system de GoodBarber. Il y trouve les tailles de texte, les espacements, les arrondis, les ombres et le rôle de chaque couleur. Il y voit aussi comment se compose un écran de l'app, et quand utiliser chacun de ses composants. Il applique le tout avec la palette et les polices de votre app. Le sondage du club prend ainsi le style du reste de son app. ## Il vous pose une question quand le choix vous revient L'agent tranche seul ce qu'il peut trancher, puis vous dit ce qu'il a choisi. Quand un choix change la section et qu'il ne peut pas le faire à votre place, il vous pose une question. Vous prenez l'une des réponses proposées, quatre au plus, ou vous écrivez la vôtre. Il reprend avec votre réponse. Si la section doit appeler un service extérieur, une API météo par exemple, l'agent déclare son domaine et attend votre accord. Vous refusez : il fait la section sans. Si cette API demande une clé, il vous la demande dans un champ sécurisé, jamais dans la conversation. Une réponse qui ressemble à une clé ou à un mot de passe n'est pas transmise à l'agent. L'agent ne connaît que le nom de vos clés. Le studio vous rappelle aussi une règle : toute personne qui ouvre l'app peut déclencher ces appels avec votre clé. Fournissez une clé limitée à ce besoin. ## La base GoodBarber : des données partagées sans compte à ouvrir ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/98605233-68813489.jpg?v=1793871142.2606914) Un sondage ou un classement : dès qu'une section partage des données entre vos utilisateurs, l'agent propose de créer la base de votre app. Il y en a une par app, gérée par GoodBarber. Vous n'ouvrez aucun compte chez un fournisseur de bases de données. Tous les utilisateurs de l'app lisent ses données, et chacun ne modifie que ce qu'il a ajouté. N'y rangez donc pas d'informations privées. Vos utilisateurs n'ont pas besoin de compte pour y écrire. Quand l'agent teste la section, ses écritures sont refusées : vos données ne bougent pas. Votre app utilise déjà Supabase ? Ses sections dans Supabase y restent. Pour la nouvelle section, vous gardez votre projet, ou vous créez la base GoodBarber : les nouvelles sections de l'app l'utiliseront aussi. Avant un changement qui touche des données déjà enregistrées, l'agent vous montre ce qu'il touche : les tables, le nombre d'entrées, les autres sections qui lisent ces données. Vous acceptez, ou il adapte la section pour qu'elle fonctionne sans ce changement. ## Vous voyez ce qu'il fait, à chaque étape Comptez plus de quelques secondes : l'agent écrit, teste et corrige avant de vous rendre la main. La carte de chargement vous dit ce qu'il fait à cet instant : il lit le contexte de l'app, écrit un fichier, ouvre la section dans un navigateur. Pendant qu'il travaille, vous pouvez ouvrir la vue Code et lire les fichiers, en lecture seule. L'édition revient à la fin. Si l'agent ne parvient pas au bout, il vous le dit, et rien n'est modifié : votre version actuelle reste en place. Chaque version est gardée. Demandez à revenir en arrière : l'agent vous propose la version, et vous confirmez. Pour une section sur la base GoodBarber, vous choisissez ce qui revient : le code et la structure, vos données restant telles qu'elles sont, ou aussi les données telles qu'elles étaient, si leur copie a moins de 15 jours. ## Une interface redessinée ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/98605233-68813491.jpg?v=1793871144.3687012) Le studio prend l'habillage de votre back-office, en clair ou en sombre. Sur grand écran, l'aperçu s'affiche dans un téléphone et la conversation flotte au-dessus, dans une carte que vous déplacez par son en-tête. Sur un écran de 1 024 pixels de large ou moins, la conversation devient un tiroir en bas de l'écran. Le [trombone](https://fr.goodbarber.com/blog/ai-extension-builder-importez-vos-fichiers-a1392/) de la barre de saisie ajoute des fichiers à tout moment, une photo ou un logo par exemple. Glissez-les dans la fenêtre ou parcourez votre ordinateur, puis citez-les avec @ dans votre demande. ## Ce que vos utilisateurs voient Une section partage ses données sans que vous ayez de service à brancher : un vote s'affiche dans les résultats de tous les utilisateurs. ## Essayez-le sur votre app Ouvrez une section Créer avec l'IA dans votre back-office et décrivez ce que vous voulez : un sondage, un classement, une page des promotions de votre boutique. L'AI Extension Builder est gratuit pour les apps Contenu et eCommerce. Vous débutez avec le builder ? Commencez par [le guide pour créer des sections avec l'IA](https://fr.goodbarber.com/blog/ai-extension-builder-creer-des-sections-avec-l-ia-sans-coder-a1338/). Dites-nous ce qui vous manque : c'est ce qui guide les prochaines versions. Vous n'avez pas encore d'app ? [Créez la vôtre](https://fr.goodbarber.com/ai-app-builder/) : l'essai est gratuit. Suivez GoodBarber sur Google [![Ajouter en tant que source préférée sur Google](https://portal.ww-cdn.com/portal_static/images/preferred-source/badge-fr.fa4aafcf456d.png)](https://www.google.com/preferences/source?q=fr.goodbarber.com) ![](https://blog.goodbarber.com/_public/profile/b5/b5f3704c4117b921f2e8146eddf0b0763b3e1692-default.jpg) À propos de l'auteur PIERRE MEDORI Head of Backend Engineering Je suis Head of Backend Engineering chez GoodBarber, où nous construisons la plateforme qui permet à chacun de créer des applications natives sans écrire une ligne de code. Mon équipe gère tout ce qui se passe en coulisses — les API, les services et l'infrastructure qui transforment un projet no-code en véritables applications publiées, avec hébergement, notifications push et boutique complète. J'écris sur l'ingénierie qui fait tourner le no-code à grande échelle, et sur la place qu'y prend l'IA. [Voir tous ses articles](https://fr.goodbarber.com/blog/author/pierre-medori/)[LinkedIn](https://www.linkedin.com/in/pierre-laurent-medori/)