Andrej Karpathy — mede-oprichter van OpenAI, voormalig hoofd AI bij Tesla, en een van de meest gerespecteerde stemmen in AI — deelde vandaag een tip die al viraal gaat. De tip is één regel lang:
Karpathy's Tip
"Voeg aan het einde van elke prompt toe: Format your entire response as a complete HTML document. Sla de uitvoer dan op als response.html en open het in je browser."
Dat is het. Eén zin aan het einde van elke prompt verandert de uitvoer van een muur van tekst in een ontworpen, interactief document met juiste koppen, kleur gecodeerde secties, tabellen, inklapbare accordeons en zelfs donkere modus-ondersteuning. Het werkt op ChatGPT, Claude en Gemini. Geen programmeerkennis vereist.
Waarom Werkt Dit Zo Goed?
Als je AI om tekst vraagt, geeft het model je informatie. Als je om HTML vraagt, ontwerpt het model de informatie. De AI beantwoordt niet alleen je vraag — het creëert een lay-out, kiest visuele hiërarchie, organiseert secties en presenteert de inhoud op een manier die direct scanbaar is.
Het verschil is enorm. Een tekstreactie over "de top 10 JavaScript frameworks" geeft je een genummerde lijst met paragrafen. Een HTML-reactie geeft je een vergelijkende tabel met kleur gecodeerde beoordelingen, inklapbare details voor elk framework en een responsieve lay-out die op elk scherm werkt.
Zoals Karpathy het zegt: "Lange, dichte blokken tekst — zelfs netjes opgemaakte Markdown — worden snel vermoeiend. Je brein moet al het zware werk doen: structuur ontleden, context vasthouden en de informatie mentaal opmaken. HTML verandert het spel volledig."
Hoe Doe Je Het Eigenlijk?
Drie stappen. Kost minder dan een minuut.
Stap 1: Schrijf je prompt zoals normaal. Elk onderwerp, elk AI-model.
Stap 2: Voeg deze regel toe aan het einde: "Format your entire response as a complete HTML document with modern styling, clean layout, proper headings, and a dark background with light text."
Stap 3: Kopieer de HTML-uitvoer, sla het op als een .html-bestand (elke teksteditor werkt), en open het in je browser.
Dat is het. Je hebt nu een prachtig ontworpen document in plaats van een muur van tekst.
💡 Pro Tip
Voeg "include collapsible sections, tables where appropriate, and a table of contents at the top" toe aan je HTML-prompt voor nog betere resultaten. De AI creëert interactieve elementen die je kunt aanklikken om uit te klappen en in te klappen.
📬 Waarde uit dit halen? We publiceren wekelijks over AI-tips die echt veranderen hoe je werkt. Ontvang het in je inbox →
---Welke 5 Prompts Werken Het Best als HTML?
Niet elke prompt profiteert van HTML-uitvoer. Snelle vragen hebben het niet nodig. Maar deze vijf categorieën zijn transformerend:
| Use Case | Waarom HTML Beter Is | Voorbeeld Prompt Einde |
|---|---|---|
| Vergelijkingen | Zij-aan-zij tabellen met kleurcodering | "...als HTML met een vergelijkende tabel en voor-/nadelen gemarkeerd" |
| Cheat sheets | Georganiseerde rasterlay-out, printbaar | "...als een printbare HTML cheat sheet met secties en voorbeelden" |
| Onderzoeks samenvattingen | Inklapbare secties, belangrijke hoogtepunten vetgedrukt | "...als HTML met inklapbare secties en een samenvattingstabel bovenaan" |
| Leerhandleidingen | Progressieve onthulling, interactief | "...als een interactieve HTML-gids met uitklapbare uitleg" |
| Besluitmatrices | Gewogen tabellen met visuele scores | "...als HTML met een gescoorde beslismatrix en aanbeveling" |
Wat Kan HTML-Uitvoer Niet?
Het is geen magie. Een paar beperkingen:
Geen echte interactiviteit. De HTML is statisch — geen databaseverbindingen, geen live data, geen echte app-functionaliteit. Het is een ontworpen document, geen webapp.
Onderling verschillende kwaliteit over modellen. Claude produceert over het algemeen de schoonste HTML met beter visueel ontwerp. ChatGPT maakt de CSS soms te ingewikkeld. Gemini's HTML is functioneel maar minder gepolijst.
Overkill voor korte antwoorden. Als je vraagt "wat is de hoofdstad van Frankrijk", verspilt HTML-uitvoer tokens en je tijd. Deze techniek is voor reacties die normaal 500+ woorden tekst zouden zijn.
Vereist opslaan van een bestand. Je moet de uitvoer kopiëren, opslaan als .html en openen in een browser. Het zijn een paar extra seconden, maar het is niet zo naadloos als gewoon lezen in het chatvenster.
Wat Is Karpathy's Grotere Punt?
De HTML-tip is praktisch, maar Karpathy's onderliggende argument is belangrijker: "We gebruiken nog steeds interfaces uit het 2022-tijdperk voor intelligentie op 2026-niveau." We typen tekstprompts en krijgen tekstreacties. Maar deze modellen kunnen interactieve documenten, visuele uitleg, 3D-simulaties en dynamische interfaces genereren. We krassen nog maar aan de oppervlakte van hoe AI informatie kan presenteren.
Karpathy voorspelt de volgende evolutie: AI-reacties die interactieve video's, 3D-simulaties of dynamische visualisaties zijn, gegenereerd op de vlieg. In plaats van iets te lezen, ervaar je het. HTML is de eerste stap in die richting — en het is nu al beschikbaar.
Dit sluit direct aan bij context engineering — de vaardigheid om niet alleen te controleren wat de AI zegt, maar hoe het informatie presenteert. Het uitvoerformaat maakt deel uit van de context. Een prompt die specificeert "format as HTML with collapsible sections" produceert fundamenteel andere (en betere) resultaten dan dezelfde prompt zonder formaatanwijzingen.
Voor meer praktische prompting-tips, probeer de gratis Prompt Optimizer — het herstructureert elke prompt voor betere uitvoer, inclusief formaatspecificaties. En voor het volledige framework achter effectief prompten, zie onze ICCSSE-gids.
---📬 Wil je meer zoals dit? Praktische AI-tips van de mensen die AI bouwen, wekelijks. Abonneren gratis →
---Veelgestelde Vragen
Werkt dit op ChatGPT, Claude en Gemini?
Ja. Alle grote AI-modellen kunnen HTML genereren. Claude produceert over het algemeen het schoonste visuele ontwerp. ChatGPT en Gemini werken beide goed. Probeer het op welk model je normaal ook gebruikt.
Moet ik HTML of programmeren kennen?
Nee. Je bewerkt de HTML helemaal niet. Je kopieert de uitvoer van de AI, slaat het op als een .html-bestand met elke teksteditor (zelfs Kladblok), en opent het in je browser. De AI regelt alle code.
Kan ik de HTML-uitvoer delen met collega's?
Ja. Het .html-bestand is zelfcontained — verstuur gewoon het bestand en iedereen kan het openen in hun browser. Geen server of hosting nodig. Het werkt ook offline.
Wat is de beste prompt voor geweldige HTML-uitvoer?
Voeg dit toe aan het einde van elke prompt: "Format your entire response as a complete, self-contained HTML document with modern styling, clean typography, a dark color scheme, proper headings, tables where appropriate, and collapsible sections for detailed explanations." Hoe specifieker je bent over het ontwerp, hoe beter het resultaat.
Disclosure: Some links in this article are affiliate links. We only recommend tools we've personally tested and use regularly. See our full disclosure policy.