Manuel d’AI Code Harvester : chaque fonction, pas à pas
Un court guide illustré de l’extension gratuite pour ChatGPT et Gemini. Les images bougent pour que tu voies comment chaque chose fonctionne.
NouveauNouveau dans cette version
Gare le panneau sur un bord de l'écran
Fais glisser le petit panneau Harvester vers n'importe quel bord de l'écran. Il se range en tiroir étroit et ne cache jamais le chat.
Fais glisser le panneau par son titre vers un bord. Plus tu t'approches, plus le bord brille.
Relâche et le panneau se range dans le bord. Clique sur la bande pour le ressortir.
Tu le veux près du bord sans l'ancrer ? Maintiens Maj (ou appuie sur Échap) en glissant.
</>
Regarde le code s'écrire
Sur le tiroir fermé, une ligne de blocs se remplit pendant que l'IA écrit et indique le fichier en cours. Quand le code est terminé, tout s'allume et Afficher ouvre la page aussitôt.
Le tiroir fermé : pendant que l'IA écrit, et quand le code est prêt.
Regarde la page en direct
Clique sur Afficher et la page s'ouvre dans son propre onglet, vraiment en marche. Quand l'IA termine une nouvelle réponse, la page se rafraîchit toute seule.
Clique sur Afficher : dans le panneau, sur le tiroir fermé ou sur un projet de l'historique.
En haut, passe de Ordinateur à Tablette puis Mobile pour voir la page sur chaque écran.
Demande une modification à l'IA. Quand elle a fini, l'aperçu se met à jour tout seul.
bakery-siteOrdinateurTabletteMobile
Tes couleurs
Choisis une couleur d'accent en teinte claire, normale ou foncée, ou n'importe quelle couleur. Dans les Réglages, tu peux aussi ajuster le tiroir fermé (les blocs et le bouton Afficher) et voir le résultat en direct.
En détail
Un export à ta façon
Un clic, et ton travail sort d'Harvester sous la forme dont tu as besoin ensuite. Rien ne part vers un serveur : le fichier est créé sur cet ordinateur.
Harvester
.zip.html+ chat.md.md→ AI.pdfcopy
Fichiers
ZIP avec les fichiers
Tous les fichiers sélectionnés, chacun dans son dossier, en un seul téléchargement. Tu dézippes et le projet fonctionne exactement comme l'IA l'a construit.
Idéal pourdéplacer un projet terminé sur ton ordinateur ou chez un hébergeur
Page unique (.html)
Styles et scripts fusionnés dans un seul fichier .html. Un double-clic pour l'ouvrir, ou un e-mail pour l'envoyer : rien d'autre n'est nécessaire.
Idéal pourmontrer la page à quelqu'un rapidement
Un projet avec plusieurs dossiers ? Zippe-le avec ses dossiers : si l’IA écrit un chemin au-dessus du code (css/style.css), le dossier est reconnu tout seul, et dans le Workspace tu peux modifier à la main le dossier de chaque fichier. Le ZIP est créé avec exactement cette structure.
Chat
Code + chat
Les fichiers plus un chat.md qui explique comment ils ont été faits, le tout dans un ZIP. Les raisons derrière le code l'accompagnent.
Idéal pourtransmettre un projet ou le reprendre des mois plus tard
Chat en Markdown
La conversation en Markdown propre : titres, listes et blocs de code restent bien rangés.
Idéal pourdes notes dans Obsidian, Notion ou GitHub
Chat à poursuivre dans une autre IA
Un fichier Markdown avec une courte consigne en haut. Colle-le dans un nouveau chat et une autre IA continue avec tout le contexte.
Idéal pourpasser de ChatGPT à Gemini, ou quand un chat devient trop long
Chat en PDF
Ouvre la fenêtre d'impression pour enregistrer la conversation en PDF que tout le monde peut lire.
Idéal pourdes documents, des rapports et des gens qui n'utilisent pas de code
Copier le chat
Tout le texte arrive dans le presse-papiers en un clic, prêt à coller.
Idéal pourun message rapide, un e-mail ou un ticket de support
InclureDernière réponse / Toute la conversation · Les conversations très longues peuvent dépasser ce que l’IA sait lire. Pour les longs chats, choisis « Dernière réponse ».
Les outils de tous les jours
≡ Code Harvester↻
index.html↕
style.css↕
app.js↕
↓ Aller en bas
Saute directement à n'importe quel code
Chaque fichier du panneau a un bouton ↕. Clique dessus et le chat défile jusqu'à ce bloc de code précis en le faisant clignoter, donc plus besoin de chercher dans une longue réponse. ↓ Aller en bas te ramène à la dernière réponse.
≡ Code Harvester↻
index.html
style.css
app.js
📦 ZIP📄 Un par un
💾 Tout télécharger (3) en ZIP💾 Télécharger la sélection (2/3) en ZIP
Downloads
.zip
Télécharge tout avec un seul bouton
Coche les fichiers voulus (tous le sont au départ) et appuie sur le grand bouton. Son libellé dit ce qui va se passer, par exemple Télécharger la sélection (2/3) en ZIP. Tu préfères des fichiers séparés ? Passe à Un par un.
≡ Code Harvester↻
index.html✓ Copié !↕
style.css↕
Ctrl + V
Copie seulement le code dont tu as besoin
Clique sur le bouton d'un fichier, par exemple index.html, et seul ce code va dans le presse-papiers, prêt à coller. Il affiche Copié ! un instant, puis reste marqué pour que tu saches ce que tu as déjà pris. Un autre clic le démarque.
≡ Code Harvester↻
index.html↕
style.css↕
app.js↕
Actualise quand le chat change
Harvester suit le chat tout seul. Si tu as changé de conversation ou que la liste semble périmée, appuie sur ↻ et il relit le dernier code.
≡ Code Harvesteri
index.html
style.css
Configuration requise
📋 Copier le prompt✓ Prompt copié !
Custom Instructions
index.htmlstyle.cssapp.js
Colle les instructions de configuration une fois
Le bouton ⓘ te donne une courte consigne. Colle-la dans le chat, ou une seule fois dans les instructions personnalisées de Gemini ou ChatGPT. Ensuite l'IA écrit le nom de chaque fichier au-dessus de son code, et Harvester les nomme et les range parfaitement.
≡ Code Harvester⚙
index.html
Enregistrer les téléchargements dans
Demander à chaque fois
Dossier AI_Code_Harvester
Téléchargements (sans dossier)
⋯
AI_Code_Harvester / project.zip
Downloads / project.zip
Choisis où vont les téléchargements
Dans ⚙, choisis Enregistrer les téléchargements dans : Demander à chaque fois (tu choisis un endroit à chaque fois), Dossier AI_Code_Harvester ou Téléchargements (sans dossier). Le même choix existe dans les Réglages du Workspace.
À savoir : les téléchargements demandent désormais par défaut où enregistrer. Tu peux changer cela dans les réglages ⚙ du panneau ou dans les Réglages du Workspace.