AI Code Harvester handleiding: elke functie, stap voor stap
Een korte, geïllustreerde gids voor de gratis extensie voor ChatGPT en Gemini. De plaatjes bewegen, zodat je ziet hoe alles werkt.
NieuwNieuw in deze versie
Parkeer het paneel aan een schermrand
Sleep het kleine Harvester-paneel naar een willekeurige rand van het scherm. Het schuift in als een smalle lade en bedekt de chat nooit.
Sleep het paneel aan de titel richting een rand. Hoe dichterbij, hoe feller de rand oplicht.
Laat los en het paneel verdwijnt in de rand. Klik op de strook om het weer uit te schuiven.
Dicht bij de rand maar zonder vast te zetten? Houd Shift ingedrukt (of druk op Esc) tijdens het slepen.
</>
Kijk hoe de code wordt geschreven
Op de gesloten lade vult een rij blokjes zich terwijl de AI schrijft, met het bestand dat bezig is. Als de code klaar is licht alles op en opent Tonen meteen de pagina.
●✓schrijft · index.htmlklaar · 3 bestanden▶ Tonen
De gesloten lade: terwijl de AI schrijft en als de code klaar is.
Bekijk de pagina live
Klik op Tonen en de pagina opent in een eigen tabblad, echt draaiend. Als de AI een nieuw antwoord af heeft, ververst de pagina zichzelf.
Klik op Tonen: in het paneel, op de gesloten lade of bij een project in de geschiedenis.
Schakel bovenaan tussen Computer, Tablet en Mobiel om de pagina op elk scherm te zien.
Vraag de AI om een wijziging. Als die klaar is, werkt de voorvertoning zichzelf bij.
bakery-siteComputerTabletMobiel
Jouw kleuren
Kies een accentkleur in een lichte, normale of donkere tint, of elke kleur die je wilt. In de instellingen kun je ook de gesloten lade (de blokjes en de knop Tonen) afstellen en het resultaat meteen zien.
In detail
Exporteren op jouw manier
Eén klik en je werk verlaat Harvester in de vorm die je daarna nodig hebt. Er gaat niets naar een server: het bestand wordt op deze computer gemaakt.
Harvester
.zip.html+ chat.md.md→ AI.pdfcopy
Bestanden
ZIP met bestanden
Alle geselecteerde bestanden, elk in zijn eigen map, in één download. Uitpakken en het project werkt precies zoals de AI het bouwde.
Het best vooreen af project naar je computer of een webhost brengen
Eén pagina (.html)
Stijlen en scripts samengevoegd in één .html-bestand. Open het met een dubbelklik of mail het: meer is niet nodig.
Het best voorde pagina snel aan iemand laten zien
Project met meerdere mappen? Zip het met de mappen erbij: schrijft de AI boven de code een pad (css/style.css), dan wordt de map vanzelf herkend, en in de Workspace kun je de map van elk bestand met de hand aanpassen. De ZIP krijgt precies die structuur.
Chat
Code + chat
De bestanden plus een chat.md die uitlegt hoe ze zijn gemaakt, alles in één ZIP. De redenen achter de code reizen mee.
Het best vooreen project overdragen of er maanden later weer mee verder gaan
Chat als Markdown
Het gesprek als nette Markdown: koppen, lijsten en codeblokken blijven overzichtelijk.
Het best voornotities in Obsidian, Notion of GitHub
Chat om voort te zetten in een andere AI
Een Markdown-bestand met bovenaan een korte instructie. Plak het in een nieuwe chat en een andere AI gaat verder met alle context.
Het best voorwisselen tussen ChatGPT en Gemini, of als een chat te lang wordt
Chat als PDF
Opent het afdrukvenster zodat je het gesprek opslaat als pdf die iedereen kan lezen.
Het best voordocumenten, verslagen en mensen die geen code gebruiken
Chat kopiëren
De hele tekst staat met één klik op het klembord, klaar om te plakken.
Het best vooreen snel bericht, e-mail of supportticket
OpnemenLaatste antwoord / Hele gesprek · Heel lange gesprekken kunnen meer zijn dan de AI kan lezen. Kies bij lange chats "Laatste antwoord".
De dagelijkse gereedschappen
≡ Code Harvester↻
index.html↕
style.css↕
app.js↕
↓ Naar onderen
Spring meteen naar elke code
Elk bestand in het paneel heeft een ↕-knop. Klik erop en de chat scrolt naar precies dat codeblok en laat het even oplichten, zodat je nooit in een lang antwoord hoeft te zoeken. ↓ Naar onderen brengt je terug naar het nieuwste antwoord.
≡ Code Harvester↻
index.html
style.css
app.js
📦 ZIP📄 Een voor een
💾 Alles (3) downloaden als ZIP💾 Selectie (2/3) downloaden als ZIP
Downloads
.zip
Download alles met één knop
Vink de bestanden aan die je wilt (in het begin staan ze allemaal aan) en druk op de grote knop. Het opschrift zegt wat er gebeurt, bijvoorbeeld Selectie (2/3) downloaden als ZIP. Liever losse bestanden? Schakel over naar Een voor een.
≡ Code Harvester↻
index.html✓ Gekopieerd!↕
style.css↕
Ctrl + V
Kopieer alleen de code die je nodig hebt
Klik op de knop van een bestand, bijvoorbeeld index.html, en alleen die code gaat naar je klembord, klaar om te plakken. Even staat er Gekopieerd! en daarna blijft hij gemarkeerd, zodat je weet wat je al hebt. Nog een klik haalt de markering weg.
≡ Code Harvester↻
index.html↕
style.css↕
app.js↕
Vernieuw als de chat verandert
Harvester volgt de chat zelf. Heb je van gesprek gewisseld of lijkt de lijst verouderd, druk dan op ↻ en hij leest de nieuwste code opnieuw.
≡ Code Harvesteri
index.html
style.css
Installatie vereist
📋 Prompt kopiëren✓ Prompt gekopieerd!
Custom Instructions
index.htmlstyle.cssapp.js
Plak de installatie-instructie één keer
De ⓘ-knop geeft je een korte instructie. Plak die in de chat, of één keer in de aangepaste instructies van Gemini of ChatGPT. Vanaf dan schrijft de AI elke bestandsnaam boven de code, en Harvester benoemt en sorteert je bestanden perfect.
≡ Code Harvester⚙
index.html
Downloads opslaan in
Elke keer vragen
Map AI_Code_Harvester
Downloads (zonder map)
⋯
AI_Code_Harvester / project.zip
Downloads / project.zip
Kies waar downloads naartoe gaan
Kies bij ⚙ Downloads opslaan in: Elke keer vragen (je kiest elke keer een plek), Map AI_Code_Harvester of Downloads (zonder map). Dezelfde keuze staat in de Workspace-instellingen.
Let op: downloads vragen nu standaard waar ze opgeslagen moeten worden. Dat kun je wijzigen in de ⚙-instellingen van het paneel of in de Workspace-instellingen.