Ressourcen und Hintergrund
Diese Webseite startete als Experiment mit dem damals neuen "Code Claude"-Tool von Anthropic (März 2025, Initial Commit: 1. März 2025). Seither wurde sie mithilfe verschiedener KI-Assistenten wie GitHub Copilot, Cursor und insbesondere Gemini 2.5 Pro (genutzt via VS Code und der Gemini Advanced App, Stand April 2025) im Vibe Coding-Stil weiterentwickelt.
Der Fokus liegt darauf, komplexe KI-Themen – sowohl die Technik dahinter als auch die praktischen Nutzungsaspekte wie Datenschutz und Kosten – interaktiv und möglichst einfach verständlich aufzubereiten, insbesondere für Lehrpersonen.
Andrej Karpathy: LLMs erklärt
Diese Webseite kratzt nur an der Oberfläche der beiden äusserst sehenswerten Videos von Andrej Karpathy, einem führenden KI-Forscher. Sie bieten tiefere technische Einblicke.
Dieses Video dauert drei Stunden und geht zu jeder Erklärung auf dieser Seite noch viel stärker ins technische Detail. Es ist ein umfassender Einblick in die LLM-Technologie, die ChatGPT und verwandte Produkte antreibt.
Der Titel "How I use LLMs" täuscht, da auch hier wieder sehr viel über die Nützlichkeit und Funktionsweise von LLMs erzählt wird. Zum Beispiel betont er, wie präsent Halluzinationen immer noch sind auch in den modernsten, grössten und teilweise sehr teuren KI-Tool-Abos.
Datenquellen & Inspiration
Die Seite Daten wurde inspiriert durch das zweite Video von Andrej Karpathy. Der Code sowie die Daten für die Visualisierung stammen von Huggingface:
HuggingFace FineWeb DemoDie deutsche Übersetzung der FineWeb-Daten wurden mit Hilfe von Google's kleinstem LLM "gemini-2.0-flash-lite" kostenlos per API übersetzt.
Entstehungsprozess
Der Entstehungsprozess dieser Webseite ist ein Beispiel für Vibe Coding. Es ist faszinierend, wie schnell heute interaktive Webseiten mithilfe von KI-Assistenten erstellt werden können, auch ohne tiefgreifende Webentwicklungs-Kenntnisse. Der Quellcode der Webseite ist auf Github verfügbar: ml4teachers/behind-ai. Ob die Webseite weiter aktualisiert wird, ist offen – es ist ein Projekt, das in meiner Freizeit entstanden ist.
Über den Autor
Ich arbeite an der PH Zug als Dozent für die Fachdidaktik Medienbildung und Informatik. Meine Arbeitsschwerpunkte sind Künstliche Intelligenz in der Lehrpersonenbildung und Digitalisierung im Unterricht.
Ich habe einen Master in Fachdidaktik Medien und Informatik (PH Schwyz) und dabei Grundlagen des Programmierens gelernt. Vieles im Bereich Webentwicklung ist aber über die Jahre und vor allem durch die Zusammenarbeit mit KI-Tools entstanden – ganz im Sinne des "Vibe Coding". Aktuell (April 2025) nutze ich für solche Projekte am liebsten Gemini 2.5 Pro, sowohl in VS Code als auch über die Gemini Advanced App.
Vibe Coding
"There's a new kind of coding I call "vibe coding", where you fully give in to the vibes... I "Accept All" always, I don't read the diffs anymore... The code grows beyond my usual comprehension... it's not really coding - I just see stuff, say stuff, run stuff, and copy paste stuff, and it mostly works."
Obwohl ich den Code meist verstehe, habe ich an dieser Seite wenig von Hand geändert, sondern primär in natürlicher Sprache beschrieben, was die KI-Assistenten umsetzen sollen. Ich möchte alle Lesenden ermutigen, sich dem Vibe Coding einmal anzunehmen. Dank LLMs ist die Hürde zum Programmiereinstieg massiv gesunken.
Programmieren mit natürlicher Sprache
"The hottest new programming language is English"
Wichtige Ressourcen
(Thouvenin/Volz, 2024) – Eine zentrale Quelle für die Datenschutzseite dieser Webseite.