Andrej Karpathy — Mitbegründer von OpenAI, ehemaliger Leiter von AI bei Tesla und eine der angesehensten Stimmen in der KI — hat heute einen Tipp geteilt, der bereits viral geht. Der Tipp ist eine Zeile lang:
Karpathys Tipp
"Am Ende jedes Prompts hinzufügen: Format your entire response as a complete HTML document. Dann die Ausgabe als response.html speichern und im Browser öffnen."
Das war’s. Ein Satz am Ende jedes Prompts verwandelt die Ausgabe von einer Wand aus Text in ein gestaltetes, interaktives Dokument mit richtigen Überschriften, farbcodierten Abschnitten, Tabellen, einziehbaren Akkordeons und sogar Dark-Mode-Unterstützung. Es funktioniert bei ChatGPT, Claude und Gemini. Kein Programmierwissen erforderlich.
Warum funktioniert das so gut?
Wenn du die KI nach Text fragst, gibt das Modell dir Informationen. Wenn du nach HTML fragst, gestaltet das Modell die Informationen. Die KI beantwortet nicht nur deine Frage — sie erstellt ein Layout, wählt die visuelle Hierarchie, organisiert Abschnitte und präsentiert den Inhalt so, dass er sofort erfassbar ist.
Der Unterschied ist dramatisch. Eine Textantwort zu „den top 10 JavaScript-Frameworks“ gibt dir eine nummerierte Liste mit Absätzen. Eine HTML-Antwort liefert eine Vergleichstabelle mit farbcodierten Bewertungen, einziehbaren Details für jedes Framework und ein responsives Layout, das auf jedem Bildschirm funktioniert.
Wie Karpathy es ausdrückt: „Lange, dichte Textblöcke — selbst schön formatiertes Markdown — werden schnell ermüdend. Dein Gehirn muss die ganze schwere Arbeit leisten: Struktur analysieren, Kontext halten und die Informationen mental formatieren. HTML verändert das Spiel komplett.“
Wie machst du das eigentlich?
Drei Schritte. Dauert unter einer Minute.
Schritt 1: Schreibe deinen Prompt wie gewohnt. Jedes Thema, jedes KI-Modell.
Schritt 2: Füge diese Zeile am Ende hinzu: „Format your entire response as a complete HTML document with modern styling, clean layout, proper headings, and a dark background with light text.“
Schritt 3: Kopiere die HTML-Ausgabe, speichere sie als .html-Datei (jeder Texteditor funktioniert), und öffne sie in deinem Browser.
Das war’s. Du hast jetzt ein wunderschön gestaltetes Dokument statt einer Wand aus Text.
💡 Pro-Tipp
Füge „include collapsible sections, tables where appropriate, and a table of contents at the top“ zu deinem HTML-Prompt hinzu für noch bessere Ergebnisse. Die KI erstellt interaktive Elemente, die du anklicken kannst, um sie zu erweitern und zu minimieren.
📬 Nutzen Sie das? Wir veröffentlichen wöchentlich KI-Tipps, die wirklich ändern, wie Sie arbeiten. Direkt in Ihren Posteingang →
---Welche 5 Prompts funktionieren am besten als HTML?
Nicht jeder Prompt profitiert von HTML-Ausgabe. Kurze Fragen brauchen das nicht. Aber diese fünf Kategorien sind revolutionär:
| Anwendungsfall | Warum HTML besser ist | Beispiel-Prompt-Ende |
|---|---|---|
| Vergleiche | Nebeneinander-Tabellen mit Farbcodierung | "...as HTML with a comparison table and pros/cons highlighted" |
| Cheat Sheets | Organisiertes Gitter-Layout, druckbar | "...as a printable HTML cheat sheet with sections and examples" |
| Recherche-Zusammenfassungen | Einziehbare Abschnitte, wichtige Highlights fett | "...as HTML with collapsible sections and a summary table at the top" |
| Lernanleitungen | Progressive Offenlegung, interaktiv | "...as an interactive HTML guide with expandable explanations" |
| Entscheidungsmatrizen | Gewichtete Tabellen mit visueller Bewertung | "...as HTML with a scored decision matrix and recommendation" |
Was kann HTML-Ausgabe nicht?
Es ist keine Magie. Ein paar Einschränkungen:
Keine echte Interaktivität. Das HTML ist statisch — keine Datenbankverbindungen, keine Live-Daten, keine echte App-Funktionalität. Es ist ein gestaltetes Dokument, keine Web-App.
Unterschiedliche Qualität bei Modellen. Claude erzeugt generell das sauberste HTML mit besserem Design. ChatGPT überkompliziert manchmal das CSS. Geminis HTML ist funktional, aber weniger poliert.
Übertrieben für kurze Antworten. Wenn du fragst „Was ist die Hauptstadt von Frankreich“, verschwendet eine HTML-Ausgabe Tokens und deine Zeit. Diese Technik ist für Antworten gedacht, die normalerweise 500+ Wörter Text wären.
Erfordert Speichern einer Datei. Du musst die Ausgabe kopieren, als .html speichern und im Browser öffnen. Es sind ein paar Sekunden extra, aber nicht so nahtlos wie direkt im Chat-Fenster lesen.
Was ist Karpathys größere Botschaft?
Der HTML-Tipp ist praktisch, aber Karpathys zugrunde liegendes Argument ist wichtiger: „Wir nutzen noch 2022er-Schnittstellen für 2026er-Intelligenz.“ Wir tippen Text-Prompts und bekommen Text-Antworten. Aber diese Modelle können interaktive Dokumente, visuelle Erklärungen, 3D-Simulationen und dynamische Oberflächen erzeugen. Wir kratzen kaum an der Oberfläche dessen, wie KI Informationen präsentieren kann.
Karpathy prognostiziert die nächste Evolution: KI-Antworten als interaktive Videos, 3D-Simulationen oder dynamische Visualisierungen, die on the fly generiert werden. Statt etwas zu lesen, erlebst du es. HTML ist der erste Schritt in diese Richtung — und es ist jetzt verfügbar.
Das hängt direkt mit Context Engineering zusammen — der Fähigkeit, nicht nur zu steuern, was die KI sagt, sondern wie sie Informationen präsentiert. Das Ausgabeformat ist Teil des Kontexts. Ein Prompt, der „format as HTML with collapsible sections“ spezifiziert, liefert grundlegend andere (und bessere) Ergebnisse als derselbe Prompt ohne Format-Anweisungen.
Für mehr praktische Prompting-Tipps probiere den kostenlosen Prompt Optimizer — er restrukturiert jeden Prompt für bessere Ausgaben, inklusive Format-Spezifikationen. Und für das volle Framework hinter effektivem Prompting sieh dir unseren ICCSSE-Leitfaden an.
---📬 Möchten Sie mehr davon? Praktische KI-Tipps von Leuten, die KI bauen, wöchentlich. Kostenlos abonnieren →
---Häufig gestellte Fragen
Funktioniert das bei ChatGPT, Claude und Gemini?
Ja. Alle großen KI-Modelle können HTML erzeugen. Claude liefert generell das sauberste Design. ChatGPT und Gemini funktionieren beide gut. Probiere es mit deinem üblichen Modell.
Brauche ich HTML- oder Programmierkenntnisse?
Nein. Du bearbeitest das HTML gar nicht. Kopiere die Ausgabe der KI, speichere sie als .html-Datei mit jedem Texteditor (sogar Notepad) und öffne sie im Browser. Die KI erledigt den gesamten Code.
Kann ich die HTML-Ausgabe mit Kollegen teilen?
Ja. Die .html-Datei ist eigenständig — schick einfach die Datei, und jeder kann sie im Browser öffnen. Kein Server oder Hosting nötig. Funktioniert auch offline.
Was ist der beste Prompt für tolle HTML-Ausgaben?
Füge das ans Ende jedes Prompts hinzu: „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.“ Je spezifischer du zum Design bist, desto besser das Ergebnis.
Hinweis: Einige Links in diesem Artikel sind Affiliate-Links. Wir empfehlen nur Tools, die wir persönlich getestet und regelmäßig nutzen. Siehe unsere vollständige Offenlegung.