the.invest.room · ressource gratuite

Le prompt qui fait ton portfolio avec tes photos de carnet

Le prompt, nos 9 photos d'exemple, et la page que Claude a vraiment rendue

Mis à jour le 3 novembre 2026
Tu mets tes photos de carnet et tes images de projet dans un dossier, tu colles ce prompt, et Claude te rend une page web de portfolio : les images rangées par projet, les pages de carnet redressées comme un scan, et des cases [à compléter] pour tout ce qu'il ne peut pas savoir. On l'a lancé le 02/11/2026 dans une session neuve de Claude Code, sur 9 images d'exemple : il a vu 3 projets, a rangé chaque image dans le bon, a scanné les 2 pages de carnet et n'a inventé ni nom, ni lieu, ni date.

Le prompt, tel que testé

  1. Testé dans Claude Code : mets tes photos dans un dossier, ouvre Claude Code dedans et colle le prompt. Il a besoin de Python pour redresser les pages ; s'il manque une bibliothèque, il l'installe.
  2. Ouvre ensuite portfolio/index.html dans ton navigateur, puis remplace chaque [à compléter] par tes vraies infos.
  3. La page est sur ton ordinateur. Pour la mettre en ligne, il faut un hébergement de site statique (GitHub Pages, par exemple) : on ne l'a pas fait dans ce test.
Voici les photos de mon carnet de croquis et de mes images de projet, en vrac (les fichiers IMG_…). Fais-en mon portfolio en ligne : un dossier portfolio/ avec une seule page index.html que j'ouvre dans mon navigateur, sans rien à installer. - Regarde chaque image et regroupe-les par projet. Ouvre chaque projet avec son image la plus forte. - Les photos de carnet : détoure la page, redresse-la et nettoie le fond pour qu'on dirait un scan. - Une mise en page d'architecte : sobre, beaucoup de blanc, de grandes images, une typo soignée, lisible sur téléphone. - Ne m'invente rien : ni nom de projet, ni lieu, ni date, ni école, ni texte sur ce que je n'ai pas dit. Décris seulement ce qu'on voit sur les images, et laisse [à compléter] là où il faut mes infos. À la fin, dis-moi quels projets tu as vus et quelle image va dans lequel.

Les fichiers de l'essai

Nos 9 photos d'exemplezip

Images faites par nous pour nos Reels (générées ou dessinées en code), dont 2 croquis posés sur une page de carnet en photo simulée. Rien de tiers.

Télécharger les photos →
La page rendue par Claudesortie brute

Le dossier portfolio/ tel que la session neuve l'a rendu, sans retouche : index.html et les images, scans compris.

Télécharger la page →

Ce qu'il a fait sur l'exemple

  1. Projet 01, le bâtiment d'angle : 4 images, ouvert par la vue de nuit. Projet 02, la maison de plain-pied : axonométrie, plan, coupe. Projet 03, la maison à terrasse : la vue au soleil couchant et son croquis.
  2. Les 2 photos de carnet : page détourée, perspective corrigée, fond retiré, papier passé en blanc. Les originaux restent intacts.
  3. Les légendes décrivent seulement ce qu'on voit. Le seul chiffre repris est celui écrit sur le plan.
  4. Il a vérifié la page sur une largeur d'ordinateur et de téléphone (390 px).
  5. Il a prévenu tout seul que 3 images portaient la mention « plan d'exemple fictif », à retirer si ce n'est pas ton travail.

Ce qu'il faut savoir

  1. Un seul essai, sur des images nettes. Une photo floue, prise de très biais ou avec plusieurs pages, peut se redresser moins bien.
  2. Il range tes images d'après ce qu'il voit : si deux projets se ressemblent, vérifie le classement.
  3. Il n'écrit pas tes textes de présentation : c'est voulu. Ne lui demande pas d'en inventer sur un vrai projet.
  4. Le résultat change d'un essai à l'autre, et ça consomme ton forfait Claude comme n'importe quelle demande.
Images d'exemple faites par nous ; les deux photos de carnet sont des simulations (croquis posés sur une page en image). Sortie montrée sans retouche, un seul essai, le 02/11/2026.
Tu as aimé ? Suis @the.invest.room : une astuce IA, archi ou investissement chaque jour.