the.invest.room · ressource gratuite

Le site de vente de ton immeuble, écrit par Claude à partir de tes rendus

Le prompt exact, la fiche d'exemple et le site obtenu, testés le 12/11/2026

Mis à jour le 12 novembre 2026
Le 12/11/2026, ce prompt a été lancé dans une session neuve de Claude Code, avec le modèle Fable 5.2, sur un dossier de 6 images et une courte fiche. En 5 min 34 s, Claude a regardé chaque image, choisi l'ouverture, écrit un site d'une seule page (logements cliquables, toit, rue, contact), puis l'a vérifié lui-même par captures sur téléphone et sur ordinateur. Les images d'exemple sont les rendus de Snowdon Towers (projet d'exemple d'Autodesk Revit 2025) publiés par @arch_ai_lab, repris avec crédit ; dans son Reel, il les tire de Revit avec un connecteur MCP et Higgsfield. Ici, pas besoin de Revit : n'importe quelles images de ton projet suffisent.

1. Le kit

Prompt + fiche d'exemple + site obtenuà télécharger

prompt.txt (à coller tel quel), fiche-exemple.txt (le modèle de fiche) et exemple/ (le site sorti de notre essai, sans retouche).

Télécharger le kit →
Le site d'exemple en ligneà ouvrir sur ton téléphone

Le site tel que Claude l'a écrit pendant l'essai. Touche un numéro sur la coupe pour ouvrir la fiche du logement.

Voir le site →
  1. Crée un dossier avec rendus/ (tes images : vue aérienne, coupe d'un étage avec les numéros des logements, intérieur, façade, toit) et fiche.txt (ce que tu sais du bâtiment).
  2. Ouvre Claude Code dans ce dossier et choisis Fable 5.2 (commande /model).
  3. Colle le prompt ci-dessous. Claude demande l'autorisation avant de lancer Chrome pour ses captures : accepte.
  4. Ouvre site/index.html dans ton navigateur. Complète fiche.txt (surfaces, prix, adresse, e-mail) et redemande-lui de mettre le site à jour.

2. Le prompt, tel que testé

Dans ce dossier il y a rendus/ (les images de mon projet) et fiche.txt (ce que je sais du bâtiment). Fais-moi le site de vente de cet immeuble, du niveau d'un promoteur haut de gamme. 1. Regarde chaque image une par une et dis en une ligne ce qu'elle montre. Choisis la plus forte pour l'ouverture. 2. Écris le site dans site/ : un seul index.html (HTML, CSS et JavaScript dans le fichier, sans bibliothèque ; Google Fonts permis) et les images copiées dans site/img/. Pensé d'abord pour le téléphone (390 px de large), propre aussi sur ordinateur. 3. Le site contient, dans cet ordre : - une ouverture plein écran sur la plus belle vue, avec le nom, une phrase et un bouton « Choisir un logement » ; - un menu en pastilles fixé en haut (Logements, Toit, Rue) qui fait défiler jusqu'à la bonne partie ; - « Logements » : la vue en coupe de l'étage, avec un repère cliquable posé exactement sur chaque numéro de logement que tu lis dans l'image (mesure leur position en % sur l'image). Un clic ouvre la fiche du logement : la photo d'intérieur, son numéro, son étage, et un bouton « Réserver une visite » ; - « Toit » et « Rue » : une grande image chacune avec deux lignes de texte ; - un contact simple (bouton qui ouvre un e-mail). 4. N'invente aucun chiffre : surface, prix, nombre de logements. S'ils ne sont pas dans fiche.txt, écris « à compléter ». 5. Ambiance : reprends les couleurs des images (nuit, lumières chaudes). Apparitions douces au défilement, rien de plus. 6. Vérifie toi-même : ouvre le site avec Chrome sans fenêtre (chrome --headless --screenshot) en 390 × 844 puis en 1440 × 900, regarde les captures, et corrige jusqu'à ce que tout soit propre (textes lisibles, repères sur les bons numéros, rien qui déborde). Sur Windows, Chrome est en général dans "C:\Program Files\Google\Chrome\Application\chrome.exe". 7. Pour finir, dis-moi en 5 lignes ce que tu as fait et ce qui reste à compléter dans fiche.txt.

3. Ce qu'il a fait pendant l'essai

Le tri des images

Une ligne par image, puis la vue aérienne au crépuscule choisie pour l'ouverture.

Les logements cliquables

Sur la coupe de l'étage 4, il a lu les numéros 403 à 410 et posé un repère sur chacun ; un clic ouvre la fiche (photo, numéro, étage, « Réserver une visite »). Il a ajouté de lui-même une rangée de boutons 403 à 410 sous la coupe.

Aucun chiffre inventé

Surfaces, prix, nombre de logements et adresse sont affichés « à compléter », parce que la fiche ne les donnait pas.

Le contrôle

Il a ouvert le site avec Chrome sans fenêtre en 390 × 844 et en 1440 × 900, regardé ses captures, et corrigé jusqu'à ce que les repères tombent sur les bons numéros.

Les limites

  1. Testé une fois, avec Fable 5.2, sur Windows. Avec un autre modèle, le résultat sera différent : nous ne l'avons pas essayé.
  2. Avec une seule photo d'intérieur, toutes les fiches de logement montrent la même image (Claude l'indique comme « image d'ambiance »). Donne une photo par type de logement si tu en as.
  3. Les repères sont posés sur des numéros visibles dans l'image. Si ta coupe n'a pas de numéros, écris la liste des logements dans fiche.txt.
  4. Le site n'est pas mis en ligne par le prompt : c'est un fichier à héberger où tu veux.
  5. Chaque essai consomme ton forfait Claude comme n'importe quelle demande.
Tu as aimé ? Suis @the.invest.room : une astuce IA, archi ou investissement chaque jour.