Vibe-Coding für Lehrkräfte – Selbstlernkurs

Unterricht im Wandel der Zeit

Wie hat sich Unterricht verändert —
und was ist heute möglich?

🖊️

Tafel

bis 1970

Tafel & Matrizendrucker. Arbeitsblätter gab es selten — und wenn, rochen sie nach Alkohol aus dem Matrizendrucker.

🔦

Tageslicht-
projektor

1970–1990

Folien von Hand beschriftet, übereinandergelegt. Arbeitsblätter mühsam mit Schere & Kleber zusammengebastelt.

💻

PC + Kopierer

1990–2005

Word-Arbeitsblätter mit Cliparts, am Heimdrucker gedruckt und für die ganze Klasse kopiert.

📽️

Beamer &
Doku-Kamera

2005–2015

PowerPoint-Präsentationen & Smartboards. Die Doku-Kamera löst den Tageslichtprojektor ab.

📱

Tablet als
PDF

2020–2024

Digitale Arbeitsblätter auf dem Tablet — aber konzeptionell kaum anders: statische PDFs mit digitalem Stift ausfüllen.

✨

Heute — ab 2025

Echte interaktive
Lerninhalte

Lerninhalte sind multimedial, adaptiv und KI-gestützt. Sofortiges Feedback, echte Interaktion — kein digitalisiertes Arbeitsblatt mehr.

Modul 1 von 5

Vom Arbeitsblatt zum Lernspiel — in Minuten

Als Lehrkraft bist du eine echte Expertin bzw. ein echter Experte. Du kennst deine Zielgruppe — deine Klassen — perfekt und weißt genau, welche fachlichen Anforderungen an sie gestellt werden.

Heute lernst du, wie du in fünf Minuten echte digitale Lerninhalte erstellst, während du dir einen Kaffee holst. Du musst dafür nichts können. Du musst nur lernen, wie du das Werkzeug KI sinnvoll für deine Zwecke nutzt.

Nach diesem Modul kannst du…

beschreiben, welche Arten von interaktiven Lerninhalten du erstellen kannst
erklären, wie der Prozess von der Idee zum fertigen Lerninhalt funktioniert
einschätzen, wofür dieses Werkzeug geeignet ist — und wofür nicht

Was kannst du dir erstellen lassen?

Alles, was im Browser läuft — mit Logik, Animationen, Timer, Punktestand, Sound, Verzweigungen. Der entscheidende Unterschied zu bisherigen Lerntools: Du bestimmst den Inhalt, nicht das Tool.

Die Beispiele unten sind häufig genutzte Formate — aber das ist nur ein kleiner Ausschnitt. Wenn du es in Sprache beschreiben kannst, kann die KI es in der Regel bauen. Zeitstrahl mit Klickpunkten, interaktive Landkarte, Sortierübung, Wortgitter, Vokabeltrainer mit Bestenliste, Erklärseite mit eingebettetem Quiz — der Fantasie sind keine Grenzen gesetzt.

🎯

Quiz

Multiple Choice, Punktestand, Auswertung

🃏

Memory

Begriff–Bild-Paare, Vokabeln, Definitionen

🔐

Escape Room

Rätselketten, Codes, Themen-Abenteuer

⚗️

Simulation

Experimente, Modelle, interaktive Abläufe

🗺️

Lernpfad

Schritt-für-Schritt, Verzweigungen, Feedback

📇

Kartentrainer

Lernkarten, Selbsttest, Wiederholungen

… und alles dazwischen: Sortierübungen, Lückentexte, interaktive Geschichten, Abstimmungen, Worträtsel, Zeitstrahlen mit Klickpunkten und vieles mehr.

Wie mache ich das?

Kein Programmierwissen nötig. Du schreibst — die KI baut.

Beschreiben

Du schreibst einer KI in normaler Sprache, was du haben möchtest — Thema, Klasse, Stil.

Generieren

Die KI schreibt automatisch den vollständigen Code. Du musst ihn nicht lesen oder verstehen.

Verfeinern & Teilen

Du testest, gibst Feedback im Chat und teilst das Ergebnis direkt mit deiner Klasse.

Wie sieht das konkret aus?

Schau zu, wie aus einem Satz ein interaktives Lernspiel entsteht.

Gemini — Neuer Chat

Klicke auf „Starten" um den Chat zu beginnen

Was du gerade gesehen hast — das nennt sich Vibe-Coding

Vibe-Coding heißt: Du beschreibst einer KI in normaler Sprache, was du haben möchtest — die KI schreibt automatisch den vollständigen Code. Du musst den Code weder lesen noch verstehen.

Der Denkwechsel: statt „Wie schreibe ich das?" nur noch „Was soll das tun?"

Welche KI nutze ich?

Alle großen KI-Chatbots können HTML-Code erstellen — aber nicht alle liefern die gleiche Qualität. Jeder Anbieter hat mehrere Sprachmodelle, die sich in Leistung und Kosten unterscheiden.

Was sind Tokens — und warum ist das wichtig?

KI-Modelle rechnen in Tokens — das sind kleine Texteinheiten (ungefähr 3–4 Buchstaben je Token). Jede Anfrage und jede Antwort verbraucht Tokens. Kostenlose Accounts haben ein tägliches oder wöchentliches Limit. Lerninhalte wie Escape Rooms oder Simulationen sind komplex — sie verbrauchen viele Tokens auf einmal.

Einfaches Quiz → wenige Tokens

Escape Room → viele Tokens

Simulation mit Verzweigungen → sehr viele Tokens

Faustregel: Mehr Tokens = stärkeres Modell nötig = meistens bezahlter Tarif. Für den Einstieg reicht kostenlos fast immer.

Die drei bekannten Anbieter — Google Gemini, Anthropic Claude und OpenAI ChatGPT — bieten jeweils mehrere Modelle an. Die Namen ändern sich ständig, aber das Prinzip bleibt gleich: es gibt ein schnelles, einfaches Modell und ein leistungsstarkes Modell. Das stärkere Modell liefert bei komplexen Projekten spürbar bessere Ergebnisse.

Aktuell (Stand 2025/26) stehen für registrierte Nutzer Gemini Pro (Google), Claude Sonnet (Anthropic, mit praktischer Code-Vorschau direkt im Browser) und ChatGPT 5.3 (OpenAI) kostenlos zur Verfügung — allerdings jeweils nur in begrenztem Umfang (tägliches oder wöchentliches Token-Limit). Das reicht für den Einstieg gut aus. Bei komplexeren Projekten oder wenn das Limit erreicht ist, lohnt sich ein bezahlter Tarif oder der Wechsel auf ein anderes Modell.

Microsoft Copilot — (noch) nicht geeignet

Stand 04/2026 liefert Copilot bei vollständigen HTML-Projekten regelmäßig unvollständigen Code. Für Vibe-Coding daher aktuell nicht empfohlen.

Tipp für bayerische Lehrkräfte: ALP Dillingen

Das ALP Dillingen bietet bayerischen Lehrkräften nach Abschluss eines KI-Selbstlernkurses kostenlosen Zugang zu leistungsstarken KI-Modellen — ohne eigenes Bezahlkonto. Schau auf der ALP-Mebis-Plattform nach dem aktuellen Angebot.

Lernzielkontrolle

Wähle alle Aufgaben, bei denen Vibe-Coding helfen kann — und klicke dann auf „Überprüfen".

Interaktives Quiz erstellen

10 Fragen zu Bruchrechnen für Klasse 7, mit Punktestand

Escape Room bauen

Thema Fotosynthese für Klasse 8, mit Rätsellogik

Notenverwaltung führen

Klassenarbeiten eintragen, Noten automatisch berechnen

Schüler-Login einrichten

Accounts mit Passwort, individuelle Lernstände speichern

Modul 2 von 5

Der Prompt

Damit deine Lerninhalte genau das machen, was du dir vorstellst — muss deine Anweisung an die KI stimmen.

Diese Anweisung nennt man Prompt. Ein vager Prompt liefert ein vages Ergebnis. Ein präziser Prompt liefert genau das, was du im Unterricht brauchst. In diesem Modul lernst du, worauf es ankommt — und übst es direkt.

Nach diesem Modul kannst du…

erklären, welche Bausteine ein guter Prompt braucht
einen schwachen Prompt analysieren und verbessern
selbst einen vollständigen Prompt formulieren und direkt in eine KI einfügen

Was passiert mit einem vagen Prompt?

Dieser Prompt wurde an eine KI geschickt:

"Erstelle ein Lernspiel für Mathe."

Was soll die KI damit anfangen? Drei einfache Gegenfragen zeigen das Problem:

Wie soll das Spiel gespielt werden?

Als Kartenspiel, Erlebnispädagogik im Park, auf Papier — oder am Computer im Browser?

Welche Matheaufgaben sollen bearbeitet werden?

Zahlenraum bis 100, Geometrische Formen oder die Mitternachtsformel?

Wer ist die Zielgruppe?

Vorschulkinder, Grundschule 3. Klasse oder Mathematikstudenten?

Die KI kann nur das liefern, was du ihr sagst. Vage Eingaben führen zu unbrauchbaren Ergebnissen — oder zu endlosem Nachbessern.

Was macht einen guten Prompt aus?

Was muss in einen guten Prompt?

Fünf Bausteine — je mehr davon vorhanden sind, desto besser das Ergebnis.

1 Was? Typ genau nennen — Quiz, Memory, Escape Room…

2 Format: „Einzelne, lauffähige HTML-Datei" verlangen

3 Zielgruppe: Klasse, Schulart, Vorwissen angeben

4 Inhalt: Thema, Fragen oder Texte direkt einfügen

5 Stil: Spielerisch, seriös, mit Konfetti, auf Englisch…

Übung 1: Analysiere diesen Prompt

Schau dir den Prompt unten an — welche der fünf Bausteine fehlen?

Dieser Prompt wurde einer KI gegeben:

"Mach etwas Interaktives über den Zweiten Weltkrieg"

Was fehlt? Wähle alle zutreffenden Antworten und klicke auf „Überprüfen".

Der Inhaltstyp fehlt — Quiz, Memory, Simulation? Die KI muss raten. Die Zielgruppe / Klasse fehlt — Klasse 6 oder Oberstufe? Macht einen riesigen Unterschied. Das Ausgabeformat fehlt — "einzelne HTML-Datei" muss explizit stehen. Das Thema ist zu vage — welcher Aspekt? Ursachen, Schlachten, Nachkriegszeit? Die Sprache ist unklar — "Zweiten Weltkrieg" ist eindeutig Deutsch.

Übung 2: Baue deinen eigenen Prompt

Erst den besten Prompt erkennen — dann selbst einen bauen. Wähle Typ, Thema und Klasse, der Prompt wird automatisch zusammengesetzt.

Welcher Prompt liefert das beste Ergebnis? Klicke zuerst auf die richtige Antwort.

"Mach ein Quiz"

"Erstelle ein Quiz zu Biologie"

"Erstelle ein Quiz mit 10 Fragen zur Zellbiologie für Klasse 9, als einzelne HTML-Datei, mit Feedback nach jeder Frage und Punkte-Anzeige am Ende"

Was tun, wenn das Ergebnis nicht stimmt?

Kein Prompt ist beim ersten Mal perfekt. So gehst du vor, wenn die KI nicht das liefert, was du wolltest.

Schwacher Prompt → schlechtes Ergebnis

"Mach ein Quiz über Mathe für die Schule"

Welches Thema? Geometrie, Brüche, Analysis…?
Welche Klasse? Schwierigkeit unklar
Kein Format → kein HTML-Code

Nachgebessert → starkes Ergebnis

"Erstelle ein Quiz mit 8 Fragen zum Thema Bruchrechnen für Klasse 7, als einzelne HTML-Datei, mit Punktestand und Konfetti am Ende"

Thema konkret: Bruchrechnen
Klasse 7, Format HTML-Datei
Stil: Punktestand + Konfetti

Code fehlerhaft oder weiße Seite?

Schreib im Chat einfach: "Der Code funktioniert nicht, bitte korrigiere ihn." — die KI bessert nach.
Weiße Seite? Prüfe ob der Code mit <!DOCTYPE html> beginnt und mit </html> endet.

Schulspace Prompt-Generator

Kein leeres Textfeld — der Generator führt dich in 5 Schritten: Typ, Klasse, Thema, Umfang, Extras. Am Ende: ein vollständiger, kopierbarer Prompt für Gemini, ChatGPT oder Claude.

Jetzt ausprobieren

Modul 3 von 5

Wie veröffentliche ich?

Was die KI für dich erstellt, ist eine sogenannte HTML-Seite — eine einzelne Datei mit der Endung .html. HTML-Seiten laufen in jedem Browser, auf jedem Gerät — ohne Installation, ohne App.

Die entscheidende Frage ist: Wie kommt diese Datei auf die Geräte deiner Lernenden? In diesem Modul vergleichen wir zwei gängige Wege.

Nach diesem Modul kannst du…

eine HTML-Datei erstellen und über Teams, SharePoint oder Moodle teilen
KI-generierten Code bei Schulspace hochladen und als QR-Code bereitstellen
entscheiden, welcher Weg für deinen Kontext besser passt

Es gibt zwei Wege, ein KI-generiertes HTML-Material zu teilen — je nachdem, was in deiner Schule genutzt wird.

Als Datei — über Teams, SharePoint, Moodle o. ä.

Gut wenn deine Schule bereits eine Plattform hat

KI generiert den Code

HTML-Code aus der KI-Antwort komplett kopieren — von <!DOCTYPE html> bis </html>

In Texteditor einfügen und als .html speichern

Notepad, Notepad++, VS Code oder ähnliches — Code einfügen, dann Datei speichern als quiz.html. Wichtig: die Endung muss .html sein, nicht .txt!

quiz.html

1<!DOCTYPE html>

2<html>

3<head>...</head>

4<body>

5<h1>Quiz: Fotosynthese</h1>

6···

7</body>

8</html>

Datei in dein Schulsystem hochladen

Teams / SharePoint Moodle Mebis USB / lokal

Schüler:innen laden die Datei herunter und öffnen sie im Browser — kein Link, kein QR-Code. Häufig sind zusätzlich Schüler-Login-Daten nötig.

Über Schulspace — mit QR-Code & Link

Kein Schulsystem nötig · DSGVO-konform · stabile Links

KI generiert den Code

Gleich wie Weg 1 — Code komplett kopieren

Bei Schulspace hochladen

Den KI-generierten Code einfach in unser Upload-Formular einfügen — fertig. Kein Texteditor, keine Datei speichern.

⬆️

Code einfügen → hochladen → fertig

Datenschutz-Filter läuft automatisch

Externe Bibliotheken werden durch lokale ersetzt · DSGVO-konform · kein Tracking

QR-Code & Link sofort bereit

schulspace.de/s/abc123 — einfach an die Tafel zeigen

Die Schulspace-Galerie — Inspiration & Ressourcen

In der Galerie findest du fertige Lerninhalte von anderen Lehrkräften — zum direkten Nutzen, als Inspiration oder als Vorlage für eigene Ideen.

🧬

Zellbiologie Quiz

Biologie · Kl. 9

🏛️

Römerzeit Memory

Geschichte · Kl. 6

🌍

Klimawandel Escape Room

Geographie · Kl. 8

Zur Galerie

Lernzielkontrolle

Zwei kurze Szenarien — klicke auf die richtige Antwort.

Szenario A

Du hast dein Quiz bei Schulspace hochgeladen. Drei Tage später bemerkst du: Frage 7 ist falsch. Was machst du?

Upload löschen, neues HTML erstellen, neu hochladen

Im Dashboard den Upload bearbeiten — neuen Code einfügen, Link und QR-Code bleiben gleich

Einen zweiten Upload erstellen und den alten stehen lassen

Modul 4 von 5

Der Schulspace-Prozess

In diesem Modul schauen wir uns an, was Schulspace konkret aus deinem KI-Code macht — vom Upload bis zum QR-Code. Du lernst außerdem, wie du deine Inhalte öffentlich sichtbar machst, in Sammlungen organisierst und mit deinem Kollegium in einer Schulgruppe zusammenarbeitest.

Nach diesem Modul kannst du…

den Schulspace-Prozess in 4 Schritten beschreiben
erklären, was der Datenschutz-Filter automatisch erledigt
den Vorteil gegenüber Teams, Mebis und LearningApps benennen

Schulspace ist kein KI-Tool — es ist die Plattform, die dein KI-Ergebnis sicher, teilbar und lehrbar macht. Klicke auf die Schritte, um alles im Detail zu verstehen.

Du hast in Modul 1 gesehen, wie eine KI Code erzeugt — und in Modul 2 gelernt, wie ein guter Prompt aussieht. Den Upload-Prozess (Schritt 3) kennst du bereits aus Modul 3. Der letzte Schritt ist denkbar einfach: Nachdem du den Inhalt hochgeladen hast, steht dir direkt ein QR-Code und ein Link zum Teilen zur Verfügung. Deine Schülerinnen und Schüler können sofort loslegen.

Fällt dir nachträglich noch eine fachliche Änderung auf oder möchtest du eine Hilfefunktion ergänzen, kannst du das jederzeit tun.

Kein Account für Lernende nötig

QR-Code scannen

oder Link öffnen

Sofort spielbar

kein Login, keine App

Alle Geräte

Handy, Tablet, PC

	Als Datei	Schulsystem (Teams, Mebis…)	LearningApps / H5P	Schulspace ✨
Überall öffenbar	⚠️ Download nötig	⚠️ oft mit Account	✅ im Browser	✅
QR-Code für Tafel	❌	❌	⚠️ LearningApps: ja · H5P: nein	✅
Vibe-Coding direkt hochladen	❌ manuell speichern	❌	❌	✅
DSGVO-konform	⚠️ je nach KI-Output	⚠️ je nach System	⚠️ LearningApps: ✅ H5P: je nach Hosting	✅
Nachträglich ändern	❌ neuer Download	⚠️ neuer Link	✅	✅
Original downloadbar	✅	⚠️	⚠️ H5P: ja · LearningApps: nein	✅

Was passiert nach dem Upload?

Galerie & Sichtbarkeit

Beim Upload entscheidest du selbst, ob dein Inhalt in der öffentlichen Galerie erscheint — oder ob er nur über den direkten Link erreichbar ist. Die Galerie wächst stetig: Du kannst dort nach Inhalten anderer Lehrkräfte suchen, sie dir merken und zusammen mit deinen eigenen Inhalten in persönlichen Sammlungen zusammenführen.

Alle Inhalte, die du hochgeladen hast, sind außerdem über dein öffentliches Profil auf Schulspace für andere abrufbar — praktisch, wenn du Materialien gezielt teilen möchtest.

Schulgruppen

Auf Schulspace können Kollegien eine gemeinsame Schulgruppe anlegen. Innerhalb der Gruppe sieht jedes Mitglied, welche Inhalte die Kolleginnen und Kollegen erstellt haben — und alle können diese gemeinsam strukturieren.

Die gesammelten Inhalte des Kollegiums werden auf dem öffentlichen Schulspace-Profil der Schulgruppe dargestellt — eine zentrale Anlaufstelle für alle Materialien der Schule.

Quiz: Prozess-Verständnis

3 Szenarien — wähle jeweils die richtige Antwort.

Szenario 1 von 3: Eine Schülerin scannt den QR-Code, den du an die Tafel projizierst. Was braucht sie dafür?

Modul 5 von 5

Was kann Schulspace noch?

Schulspace ist mittlerweile deutlich mehr als ein Ort zum Hochladen von digitalen Lerninhalten. Du findest hier sehr, sehr viele Tools, die du direkt in deinem Unterrichtsalltag einsetzen kannst. Hier stellen wir dir die wichtigsten vor.

Nach diesem Modul kannst du…

die 5 wichtigsten Schulspace-Tools benennen und beschreiben
entscheiden, welches Tool für welchen Unterrichtsmoment passt
Tools und eigene Vibe-Coding-Materialien gezielt kombinieren

Und noch vieles mehr…

Neben den großen Tools findest du auf Schulspace auch kleinere Helfer: einen integrierten QR-Code-Generator, fertige Vorlagen für häufige Aufgabentypen und weitere Mini-Funktionen — alles ohne externe Dienste oder zusätzliche Accounts.

Tipp: Tools + Vibe-Coding kombinieren

Die eingebauten Tools und deine Vibe-Coding-Materialien ergänzen sich perfekt. Starte die Stunde mit einem Meinungsbild, gib dann den QR-Code zum selbst erstellten Lernspiel raus — alles auf einer Plattform.

Was kostet Schulspace?

Alle Funktionen sind im Basis-Konto kostenlos nutzbar. Es eignet sich für alle, die regelmäßig aufräumen — denn die Anzahl gleichzeitig aktiver Inhalte und Features ist begrenzt.

Wer mehr Kapazität braucht: unsere Plus- und Premium-Tarife gibt es für weniger als einen Kaffee pro Monat.

Nutzer mit Premium-Konto oder Schullizenz sehen außerdem Klick-Statistiken zu ihren eigenen Inhalten — wie oft ein Material aufgerufen wurde.

Referendar:innen sind kostenlos

Schullizenzen auf Anfrage

Quiz: Das richtige Tool

3 Szenarien — welches Schulspace-Tool passt am besten?

Szenario 1 von 3: Du willst am Ende der Stunde anonym wissen, wie die Klasse das heutige Thema fand — Daumen rauf oder runter, ohne Noten-Druck.

Wie hat sich Unterricht verändert —
und was ist heute möglich?

Vom Arbeitsblatt zum Lernspiel — in Minuten

Was kannst du dir erstellen lassen?

Wie mache ich das?

Wie sieht das konkret aus?

Welche KI nutze ich?

Lernzielkontrolle

Der Prompt

Was passiert mit einem vagen Prompt?

Was muss in einen guten Prompt?

Übung 1: Analysiere diesen Prompt

Übung 2: Baue deinen eigenen Prompt

Was tun, wenn das Ergebnis nicht stimmt?

Wie veröffentliche ich?

Die Schulspace-Galerie — Inspiration & Ressourcen

Lernzielkontrolle

Der Schulspace-Prozess

Prompten

KI generiert

Upload & Filter

Veröffentlicht!

Den Prompt formulieren

KI generiert den Code

Upload & Privacy-Filter

Veröffentlicht!

Was passiert nach dem Upload?

Galerie & Sichtbarkeit

Schulgruppen

Quiz: Prozess-Verständnis

Schulspace-Profi!

Was kann Schulspace noch?

Quiz: Das richtige Tool

Alle 5 Module abgeschlossen!

Kurs abgeschlossen!

Deine nächsten 3 Schritte

Abschlusszertifikat

Wie hat sich Unterricht verändert — und was ist heute möglich?

Vom Arbeitsblatt zum Lernspiel — in Minuten

Was kannst du dir erstellen lassen?

Wie mache ich das?

Wie sieht das konkret aus?

Welche KI nutze ich?

Lernzielkontrolle

Der Prompt

Was passiert mit einem vagen Prompt?

Was muss in einen guten Prompt?

Übung 1: Analysiere diesen Prompt

Übung 2: Baue deinen eigenen Prompt

Was tun, wenn das Ergebnis nicht stimmt?

Wie veröffentliche ich?

Die Schulspace-Galerie — Inspiration & Ressourcen

Lernzielkontrolle

Der Schulspace-Prozess

Prompten

KI generiert

Upload & Filter

Veröffentlicht!

Den Prompt formulieren

KI generiert den Code

Upload & Privacy-Filter

Veröffentlicht!

Was passiert nach dem Upload?

Galerie & Sichtbarkeit

Schulgruppen

Quiz: Prozess-Verständnis

Schulspace-Profi!

Was kann Schulspace noch?

Quiz: Das richtige Tool

Alle 5 Module abgeschlossen!

Kurs abgeschlossen!

Deine nächsten 3 Schritte

Abschlusszertifikat

Was ist SCORM?

Wie hat sich Unterricht verändert —
und was ist heute möglich?