Module 00 · Leçon 3
Comment fonctionne SaaS Builder
Le projet, l’agent, l’aperçu, les versions, les crédits, la mise en ligne, les studios et SaaS Explorer : ce que fait chaque pièce, et comment elles s’enchaînent.
Cette leçon fait le tour de l’outil, pièce par pièce. Pour chacune : ce qu’elle fait, comment vous vous en servez, et ce qu’il faut savoir pour ne pas vous en servir à contresens. À la fin, vous saurez lire l’écran d’un projet et vous saurez ce qui se passe quand vous envoyez un message.
Le projet
Tout commence par un projet. Pour en créer un, vous décrivez votre idée en une phrase, ou vous collez l’adresse d’un produit qui vous inspire. Vous choisissez ensuite le type : application (SaaS), site web ou boutique e-commerce. Vous pouvez aussi partir de SaaS Explorer : sur un produit repéré, le bouton « Explorer comme idée » crée un projet à partir de lui.
Je veux créer une application pour les artisans du bâtiment qui travaillent seuls. Problème : ils rédigent leurs devis le soir, à la main ou dans un tableur, et perdent environ une heure par jour. Première version : l’artisan crée un devis depuis son téléphone à partir de lignes qu’il a déjà enregistrées, le client le reçoit par e-mail en PDF, et l’artisan voit s’il a été ouvert. Pas dans cette version : factures, planning, gestion d’équipe. Commence par l’inscription, puis l’écran de création de devis.
L’agent
L’agent est une IA qui écrit le code de votre projet : les pages, la base de données, l’authentification, les paiements Stripe. Il travaille avec Next.js, un cadre de développement web très répandu, ce qui permet à n’importe quel développeur de le lire et de le reprendre. Le code est écrit dans votre dépôt GitHub, pas dans un format fermé.
Vous choisissez le modèle d’IA qui travaille : Claude, GPT ou Gemini, ou « Automatique », qui choisit selon la tâche et bascule vers un autre fournisseur si l’un est indisponible. Au début, « Automatique » est un bon choix : vous n’avez pas à arbitrer entre des modèles avant de savoir ce que vous attendez d’eux.
L’aperçu
Pendant que l’agent construit, vous voyez le résultat en direct dans l’aperçu. C’est votre outil de contrôle principal. Un changement n’est pas fait parce que l’agent dit qu’il l’a fait : il est fait quand vous l’avez vu fonctionner dans l’aperçu, en cliquant comme le ferait un utilisateur.
Ajuster : le chat, ou sélectionner et modifier
Il y a deux façons de demander un changement. Dans le chat, vous écrivez ce que vous voulez, comme à un collègue. Dans l’aperçu, vous pouvez aussi cliquer sur un élément et demander de le modifier directement : c’est « sélectionner et modifier ». Les deux se complètent.
| Vous voulez | Le plus adapté | Pourquoi |
|---|---|---|
| Changer un texte, une couleur, un bouton précis | Sélectionner et modifier | L’agent sait exactement de quel élément vous parlez |
| Ajouter une fonctionnalité | Le chat | Il faut du contexte : pour qui, quand, avec quel résultat |
| Corriger un comportement qui ne va pas | Le chat | Décrivez ce que vous avez fait, ce que vous attendiez, ce qui s’est passé |
| Revenir à un état qui marchait | Les versions | Plus sûr et plus rapide que de demander à l’agent de défaire |
Sur l’écran « Mes devis », quand je clique sur « Nouveau devis » depuis mon téléphone, le formulaire dépasse de l’écran à droite et le bouton « Envoyer » est caché. Je voudrais que le formulaire tienne en largeur sur un téléphone et que le bouton « Envoyer » reste visible en bas. Ne change rien d’autre sur cet écran.
Les versions et les crédits
Chaque version de votre projet est sauvegardée. Si un changement ne vous convient pas, vous revenez à une version précédente en un clic. C’est ce qui vous permet d’essayer sans crainte : une mauvaise idée ne coûte que le temps de l’essayer.
Chaque action de l’agent, et chaque génération d’image ou de vidéo, coûte des crédits. Le coût estimé est affiché avant chaque action, et vous ne payez que le travail réellement fait. La leçon suivante y est entièrement consacrée.
La mise en ligne
Trois états à ne pas confondre. L’aperçu, dans SaaS Builder, sert à construire. La préversion, créée à chaque changement, est une adresse en ligne que vous pouvez ouvrir sur votre téléphone ou envoyer à quelqu’un pour tester. La production, sur votre compte Vercel, est la version publique, celle de vos clients, que vous pouvez placer sur votre propre nom de domaine.
SaaS Explorer, Image Studio et Video Studio
SaaS Explorer suit les SaaS qui investissent en publicité en ce moment : les publicités actives analysées chaque jour, les catégories, les angles, les signaux de traction et une estimation de revenus. Il sert à voir ce qui se vend et comment c’est présenté. Une estimation reste une estimation : elle aide à comparer, elle ne prouve rien.
Image Studio et Video Studio donnent accès à plus de cinquante modèles de génération d’images et de vidéos, avec la possibilité de partir de vos propres photos ou vidéos de référence. Ils servent à créer les visuels et les vidéos publicitaires pour trouver vos premiers clients. Le coût estimé est affiché avant chaque génération.
Pour aller plus loin
SaaS Builder s’installe comme une application sur téléphone et sur ordinateur. Et si vous voulez un jour travailler sur votre projet depuis Claude Code ou Claude, vous pouvez les y connecter : l’accès est limité au projet choisi, avec les droits que vous fixez, et révocable. Cette connexion est incluse dans les offres Pro et Studio.
Outils cités dans cette leçon
Fiches détaillées sur OutilsIA.
