Logo BraindCodeBraindCode
Parcours spécial

Lovable — construire un logiciel et son écosystème Claude

Six chapitres pour aller du brief au rythme mensuel. À chaque étape : un texte court, un prompt copiable, et — quand la vidéo existe déjà — le repère dans la bibliothèque.

  1. 01

    Construire le logiciel avec Lovable

    On part d'un brief structuré : problème, utilisateur, données, écrans, contraintes. Le gabarit de prompt Lovable du marketplace sert de canevas — vous remplissez les vides, Claude/Lovable génère un premier squelette exploitable.

    Vidéo dédiée bientôt disponible dans la bibliothèque.
    Brief structuré Lovable (à copier dans le nouveau projet)
    Contexte métier : (une phrase — quoi, pour qui, dans quel cadre).
    Utilisateurs cibles : (rôle principal, rôle secondaire).
    Données manipulées : (liste courte : entités et leurs champs clés).
    Écrans attendus : (3-5 écrans nommés, une ligne chacun).
    Contraintes : (auth : oui/non ; multi-tenant : oui/non ; stockage sensible : oui/non).
    Ce qui NE fait PAS partie de la v1 : (liste ce qui reste hors-scope).
    Livrable v1 : un TanStack Start avec routes prêtes, tables et RLS, seed minimal, et un README qui décrit comment tester chaque écran.
  2. 02

    Le connecter à SES données — kit connecteur MCP

    Le kit connecteur MCP est un agent embarqué : il lit les serveurs MCP côté client (mode B, les clés restent chez le client). Le logiciel n'expose pas les données, il les demande poliment via l'agent, et l'utilisateur voit ce qui est appelé.

    Vidéo dédiée bientôt disponible dans la bibliothèque.
    Prompt Claude Code — poser le kit connecteur
    Dans mon projet Lovable, ajoute un kit connecteur MCP côté client :
    - un composant « Connexions » qui liste les MCP branchés par l'utilisateur (URL, statut, dernière vérification) ;
    - un helper qui appelle un MCP nommé (ex : rapido-crm) via l'agent embarqué, en MODE B : les clés/tokens restent dans le navigateur de l'utilisateur, jamais dans mes tables ;
    - pour chaque appel, un journal court visible (outil MCP appelé, paramètres visibles, réponse résumée) ;
    - pas d'écriture sans confirmation explicite.
    Livre : le composant, le helper, un exemple d'usage sur une page /connexions, et un README qui explique pourquoi mode B.
  3. 03

    Activer le MCP DU logiciel construit

    Une app publiée sur Lovable peut devenir un serveur MCP hébergé — la fonctionnalité s'appelle « agent integrations ». Vous choisissez le périmètre exposé (quelles lectures, quelles écritures) et vous protégez l'accès (OAuth). L'exemple vécu : notre propre site Pilot est un MCP — la doc « Connecter le Pilot » vous montre le résultat côté Claude.

    Vidéo dédiée bientôt disponible dans la bibliothèque.
    Prompt Lovable — activer les agent integrations
    Active les agent integrations pour cette app publiée.
    Périmètre EXACT à exposer, rien de plus :
    - outils de LECTURE : (liste les lectures utiles à un agent externe, ex : lister_projets, obtenir_projet).
    - outils d'ÉCRITURE : (liste courte, si nécessaire — sinon aucune).
    Contraintes :
    - OAuth activé, un utilisateur = ses propres données (RLS strictes) ;
    - les outils sont documentés en français, avec exemples ;
    - après publication, donne-moi l'URL publique du serveur MCP à coller dans Claude.
  4. 04

    Le brancher à Claude — les 2 chemins

    Deux façons de brancher votre MCP à Claude, selon le public visé : Claude.ai (Desktop/Web) pour un utilisateur qui clique, Claude Code (CLI) pour un usage développeur ou automatisé.

    Vidéo dédiée bientôt disponible dans la bibliothèque.
    Instructions à coller aux futurs utilisateurs
    Pour utiliser {NOM_DU_LOGICIEL} depuis Claude :
    
    Chemin A — Claude.ai (Desktop ou Web)
    1) Paramètres → Connectors → Ajouter un serveur MCP.
    2) URL : {URL_MCP_PUBLIÉE}.
    3) Autoriser (OAuth) — vos données restent les vôtres.
    
    Chemin B — Claude Code (CLI)
    1) claude mcp add {slug} {URL_MCP_PUBLIÉE}
    2) Vérifier : claude mcp list
    3) Utiliser les outils exposés dans une session claude.
  5. 05

    Construire le plugin de CE logiciel

    Une fois le MCP publié, on lui associe un plugin marketplace : skills, agent éventuel, garde-fous. On utilise le gabarit ③a pré-rempli — Claude Code introspecte les outils MCP réels avant d'écrire quoi que ce soit, sans inventer.

    Vidéo dédiée bientôt disponible dans la bibliothèque.
    Gabarit ③a — CRÉER le plugin (pré-rempli à la main)
    Repo Plugin-Claude-MCP-BraindCode-. L'outil {outil} expose un MCP (URL : {url_mcp}, connecté dans mon environnement). Crée le plugin rapido-{outil} selon les conventions maison : Étape 0 — introspecte les outils MCP réels (inventaire JSON dans docs/inventaires/), n'invente AUCUN outil ni paramètre ; puis 2-3 skills pour les usages à plus forte valeur constatés dans l'inventaire (déclencheurs « … » en français, garde-fous : écritures confirmées, brouillons par défaut, récap des IDs) ; 1 agent si un rôle métier clair émerge ; hooks de confirmation sur actions destructives/dépenses ; version 0.1.0, CHANGELOG, tests de déclenchement. Termine par le rapport : outils couverts / outils laissés de côté et pourquoi.
  6. 06

    Le faire vivre — routines, boucles, audit

    Un logiciel qui vit, c'est un rythme : des routines Claude qui tournent (quotidien/hebdo/mensuel), des boucles d'amélioration quand un usage change, et un audit mensuel MCP↔plugin pour détecter les outils orphelins ou les références mortes.

    Vidéo dédiée bientôt disponible dans la bibliothèque.
    Prompt Claude Code — poser le rythme mensuel
    Pose mon rythme sur le plugin {slug_plugin} :
    - installe 1 routine QUOTIDIENNE de la collection « Le récurrent qui tourne » qui colle à mon usage réel ;
    - installe 1 boucle d'amélioration déclenchée par un signal (ex : plainte utilisateur, taux d'erreur) ;
    - programme l'audit MCP↔plugin mensuel (scripts/audit_mcp_plugin.py) et prépare le template de rapport à me livrer chaque 1er du mois : outils couverts, orphelins nouveaux, deltas de paramètres.

Vous venez de fabriquer un logiciel, son MCP, son plugin et son rythme.

Le brief Lovable, la connexion à vos données, l'ouverture d'un MCP hébergé, le branchement à Claude, le plugin marketplace et les routines mensuelles — l'écosystème tient debout. Pour la suite, le configurateur croise votre KB et ce parcours pour vous proposer la prochaine brique à poser.