einfachmachen by design
Für Schüler:innen ab 13 · kostenlos

Lerne mit KI arbeiten und entwickle dir einen Vokabeltrainer

Du sagst der KI, was dein Vokabeltrainer können soll, probierst ihn aus und machst ihn immer besser. So lernst du, wie man mit KI etwas Eigenes baut. Und am Ende hast du einen Trainer für deinen nächsten Vokabeltest.

KI-Chats sind ab 13 Jahren erlaubt, bis 18 brauchst du noch das Okay deiner Eltern. Frag zu Hause nach, bevor du dich anmeldest oder macht es gemeinsam. Und: Gib der KI keine privaten Daten wie deinen vollen Namen, deine Adresse oder Passwörter.

Du gehst die Schritte nacheinander durch. Offen ist immer der Schritt, an dem du gerade bist. Oben steht, was passiert und warum. Darunter steht der Satz, den du der KI schickst. Kopier ihn in den KI-Chat und schick ihn ab. Prüf dann, ob es geklappt hat, und hak den Schritt ab. Willst du noch mal etwas nachlesen? Klick einfach auf einen Schritt oder auf „Zurück“.

Jetzt bist du dran

0 von 5 geschafft

  1. Was passiert
    Du erklärst der KI, wer du bist und was ihr zusammen baut.
    Warum
    Dann antwortet sie einfach, baut alles in eine einzige Datei und wartet nach jedem Schritt auf dich, statt alles auf einmal zu machen.
    Ich bin Schüler:in und kann nicht programmieren. Wir bauen zusammen Schritt für Schritt einen Vokabeltrainer. Er soll eine einzige HTML-Datei sein, die ich im Browser öffnen kann. Erklär mir alles kurz und einfach. Warte nach jedem Schritt auf meine nächste Nachricht. Wenn du etwas änderst, gib mir immer die ganze Datei. Bau jetzt noch nichts, sag mir nur kurz, ob du alles verstanden hast.

    Hat es geklappt? Ja, wenn die KI alles bestätigt und auf deine Vokabeln wartet. Schickt sie schon Code oder sagt, du sollst etwas speichern? Kein Problem, mach einfach mit Schritt 2 weiter. Gespeichert wird erst in Schritt 4.

  2. Was passiert
    Du schickst der KI deine Vokabeln, ein Paar pro Zeile, mit Bindestrich dazwischen.
    Warum
    Das ist die Liste, mit der dein Vokabeltrainer später übt. Du gibst sie der KI zuerst allein, damit sie deine Wörter kennt, bevor sie etwas baut.
    Tipp
    Hast du eigene Vokabeln? Dann tausch die Beispielwörter im Chat gegen deine aus, bevor du abschickst. Klappt mit jeder Sprache, nicht nur Englisch.
    Das sind meine Vokabeln. Bau noch nichts, sag mir nur kurz, ob du alle verstanden hast.
apple - Apfel
house - Haus
friend - Freund
school - Schule
dog - Hund
water - Wasser
green - grün
to run - rennen
tomorrow - morgen
beautiful - schön

    Hat es geklappt? Ja, wenn die KI deine Vokabeln aufzählt oder bestätigt und noch nichts baut.

  3. Was passiert
    Du beschreibst genau, wie dein Trainer funktionieren soll. Die KI schreibt daraus das Programm, mit deinen Vokabeln von eben.
    Warum
    Die KI baut genau das, was du beschreibst. Deshalb steht im Satz jeder Ablauf einzeln: Wort zeigen, Antwort tippen, prüfen, Punkte zählen.
    Bau mir jetzt die erste Version. So soll sie funktionieren:
- Der Vokabeltrainer zeigt ein englisches Wort aus meiner Liste.
- Ich tippe die deutsche Bedeutung in ein Eingabefeld und bestätige mit Enter.
- Der Vokabeltrainer sagt mir, ob es richtig oder falsch war.
- Bei falscher Eingabe wird ein freundlicher Hinweis gezeigt und die richtige Lösung.
- Dann kommt das nächste Wort.
- Oben steht, wie viele Punkte ich habe.
- Jedes Wort kommt nur einmal dran. Wenn alle Wörter durch sind, hört der Trainer auf und zeigt mir meine Punkte.
- Nimm dafür meine Vokabeln von eben.

    Hat es geklappt? Ja, wenn die KI dir das Programm als langen Textblock gibt, der mit <!DOCTYPE html> anfängt.

  4. Was passiert
    Du speicherst das Programm als Datei auf deinem Rechner und öffnest sie im Browser.
    Warum
    Im Chat ist dein Trainer nur ein langer Text. Als Datei wird daraus ein Programm, das du jederzeit öffnen kannst, auch wenn der Chat zu ist.

    So speicherst du die Datei

    1. Klick in der KI beim Programm auf Kopieren.
    2. Windows:
      1. Klick unten in der Taskleiste auf das Windows-Zeichen.
      2. Tippe „Editor“ und drück Enter.
      3. Füge das Programm mit Strg + V ein.
      4. Klick oben auf Datei und dann auf Speichern unter.
      5. Klick links auf Desktop.
      6. Stell unten den Dateityp auf Alle Dateien.
      7. Nenn die Datei vokabeltrainer.html und klick auf Speichern.
    3. Mac:
      1. Drück cmd + Leertaste, tippe „TextEdit“ und drück Enter.
      2. Ist noch kein leeres Dokument offen, klick auf Neues Dokument.
      3. Klick ganz oben am Bildschirmrand in der Menüleiste auf Format und dann auf In reinen Text umwandeln.
      4. Füge das Programm mit cmd + V ein.
      5. Klick in der Menüleiste auf Ablage (das ist der Mac-Name für „Datei“) und dann auf Sichern.
      6. Nenn die Datei vokabeltrainer.html.
      7. Wähle als Ort Schreibtisch und klick auf Sichern.
      8. Fragt der Mac nach der Endung, klick auf „.html“ verwenden.
    4. Doppelklick auf die Datei auf deinem Desktop bzw. Schreibtisch: Dein Trainer öffnet sich im Browser.

    Zeigt dein KI-Chat eine Vorschau an? Dann kannst du dort schon testen. Speichern solltest du trotzdem, sonst ist dein Trainer weg, wenn du den Chat schließt.

    Hat es geklappt? Ja, wenn sich dein Trainer per Doppelklick im Browser öffnet und das erste Wort zeigt.

  5. Was passiert
    Du übst einmal alle Wörter durch und schaust genau hin, ob alles klappt.
    Warum
    Erst beim Ausprobieren merkst du, was noch nicht passt. Testen ist die halbe Arbeit, auch bei Profis.

    Teste diese drei Dinge: Kommen alle 10 Wörter und hört er danach auf? Was passiert bei einem Tippfehler? Zählen die Punkte richtig? Wenn etwas nicht stimmt, schick das hier:

    Beim Testen ist mir das aufgefallen: [beschreib, was passiert ist]. Bitte ändere nur das.

    Hat es geklappt? Ja, wenn alle drei Tests klappen. Wenn nicht, schick der KI den Satz oben und teste noch mal.

Mach deinen Trainer besser, Stück für Stück

Für die folgenden Verbesserungen musst du die vorhandene Datei vokabeltrainer.html jedes Mal überschreiben. Und das geht so:

Die KI schickt dir jedes Mal das ganze Programm neu.

  1. Wenn du am Mac bist, musst du einmal dies machen: Öffne TextEdit. Klick oben in der Menüleiste auf TextEdit → Einstellungen, dann auf Öffnen und Sichern. Setz einen Haken bei „HTML-Dateien als HTML-Code anstelle von formatiertem Text anzeigen“. Sonst zeigt TextEdit nicht den Code, sondern die fertige Seite.
  2. Klick in der KI beim neuen Programm auf Kopieren.
  3. Klick mit der rechten Maustaste auf die Datei vokabeltrainer.html auf deinem Desktop bzw. Schreibtisch. Wähle Öffnen mit → Editor (Windows) bzw. Öffnen mit → TextEdit (Mac).
  4. Markiere den alten Code mit Strg + A (Windows) bzw. cmd + A (Mac).
  5. Füge das neue Programm mit Strg + V (Windows) bzw. cmd + V (Mac) ein. Der alte Code wird dabei ersetzt.
  6. Speichere mit Strg + S (Windows) bzw. cmd + S (Mac).
  7. Öffne die Datei wieder mit Doppelklick und probier die Verbesserung aus.
0 von 2 geschafft

  1. Was passiert
    Falsch beantwortete Vokabeln immer wieder neu abfragen, bis du sie kannst.
    Warum
    So übst du gezielt die schwierigen Wörter, statt immer wieder die, die du schon kannst. Du änderst damit die Regeln deines Trainers.
    Verbesserung: Wörter, die ich falsch beantwortet habe, sollen am Ende noch einmal abgefragt werden, so lange, bis ich alle richtig habe. Wenn ich alle Wörter richtig habe, hört der Trainer auf. Ändere sonst nichts und gib mir die ganze Datei.

    Hat es geklappt? Ja, wenn ein Wort, das du absichtlich falsch tippst, am Ende noch einmal kommt und der Trainer aufhört, wenn du alle richtig hast.

  2. Was passiert
    Ein Balken zeigt, wie viele Wörter du schon geschafft hast.
    Warum
    Du siehst, wie weit du bist, und das motiviert. Du änderst damit die Anzeige, also das, was du siehst.
    Verbesserung: Zeig oben einen Fortschrittsbalken, der anzeigt, wie viele Wörter ich schon beantwortet habe, zum Beispiel „4 von 10“. Lass den Balken aussehen, als wäre es ein Thermometer, das auf der Seite liegt. Ändere sonst nichts und gib mir die ganze Datei.

    Hat es geklappt? Ja, wenn der Balken mit jeder richtigen Antwort wächst.

  3. Was passiert
    Mit einem Knopf wechselst du zwischen „Englisch → Deutsch“ und „Deutsch → Englisch“.
    Warum
    In der Schule wird gerne in beide Richtungen gefragt. Diese Verbesserung ändert Regeln und Anzeige gleichzeitig, deshalb ist sie die schwierigste.
    Verbesserung: Füge oben einen Knopf hinzu, mit dem ich die Richtung wechseln kann: „Englisch → Deutsch“ oder „Deutsch → Englisch“. Ändere sonst nichts und gib mir die ganze Datei.

    Hat es geklappt? Ja, wenn nach einem Klick auf den Knopf die andere Sprache angezeigt wird.

Extras (optional)

Wenn du weitermachen möchtest, sind hier noch weitere Ideen.

0 von 2 geschafft

  1. Was passiert
    Hast du alle Wörter richtig, feiert dein Trainer mit dir, zum Beispiel mit Konfetti.
    Warum
    Lernen macht mehr Spaß, wenn es sich nach Erfolg anfühlt. Du kannst dir die Belohnung aussuchen.
    Verbesserung: Wenn ich alle Wörter richtig habe, soll der Trainer mit mir feiern, zum Beispiel mit Konfetti und dem Satz „Geschafft, du Held:in!“. Ändere sonst nichts und gib mir die ganze Datei.

    Hat es geklappt? Ja, wenn dein Trainer nach dem letzten richtigen Wort mit dir feiert.

  2. Was passiert
    Du gibst deinem Trainer einen Namen und deine Lieblingsfarben.
    Warum
    Es ist dein Trainer. Hier darfst du dir alles wünschen, was dir gefällt. Ersetze die Wörter in den Klammern.
    Verbesserung: Mein Trainer soll „[Name]“ heißen. Gestalte ihn in [deine Lieblingsfarben durch Komma getrennt] und mach die Schrift schön groß. Ändere sonst nichts und gib mir die ganze Datei.

    Hat es geklappt? Ja, wenn dein Trainer deinen Namen trägt und in deinen Farben erscheint.

Chat weg oder Limit erreicht? So machst du weiter

Hast du den Chat geschlossen oder sagt die KI, dass dein Limit für heute erreicht ist? Kein Problem, dein Trainer ist ja gespeichert. Du kannst später weitermachen oder einen anderen KI-Chat nehmen, z. B. Mistral statt ChatGPT. Für Mistral brauchst du ein kostenloses Konto. Frag am besten deine Eltern, bevor du eins anlegst.

  1. Öffne einen neuen Chat.
  2. Klick im Eingabefeld auf + bzw. die Büroklammer und lade deine Datei vokabeltrainer.html vom Desktop bzw. Schreibtisch hoch.
  3. Schick dazu diesen Satz:
Ich bin Schüler:in und kann nicht programmieren. Das ist mein Vokabeltrainer, den ich mit einer KI gebaut habe. Wir machen jetzt zusammen weiter. Erklär mir alles kurz und einfach. Wenn du etwas änderst, gib mir immer die ganze Datei. Bau jetzt noch nichts, sag mir nur kurz, ob du alles verstanden hast.

Geschafft, dein erster eigener Vokabeltrainer!

Du hast mit der KI ein Werkzeug gebaut, das du wirklich benutzen kannst. Und du weißt jetzt, wie es geht: genau beschreiben, testen, Stück für Stück verbessern. Damit kannst du dir auch andere Ideen bauen. Los gehts!