buchstabierbar

Workshop

Vibe-Coding im Religionsunterricht
đŸ•Šïž
Vibe-Coding im Religionsunterricht
Seite 1 von 7
✹ Erst erleben, dann prompten

So fĂŒhlt sich ein kleiner Vibe an

Hier siehst du direkt eine einfache Mini-App: Ein großer roter Button zeigt Tiere aus der Bibel und liest ihren Namen freundlich vor.

Die Idee: Du beschreibst Stimmung, Funktion und Zielgruppe. Die KI baut daraus eine Web-App. Du bist also eher Architekt:in als klassische:r Programmierer:in.

💡 Idee
âžĄïž Prompt
đŸ’» App
🎹 freundliches Design
🔊 mit Vorlesefunktion
👧 kindgerecht gedacht

Mini-Demo

Klicke auf den roten Button.

👉 Probier es ausEin Tier erscheint und wird vorgelesen.
Idee → Prompt → App
🧠 KRAFT+

Beispiel-Prompt

Diesen Prompt kannst du in ein KI-Tool eingeben. Er beschreibt klar, was die spÀtere App können und wie sie aussehen soll.

Prompt mit Struktur
🧠 klar denken
✍ beschreiben
⚙ generieren
⭐ Gute Prompts sparen Zeit
klarer Prompt
🌐 Tools

Diese Tools kannst du nutzen

Dort gibst du den Prompt ein. Die Tools erzeugen einen HTML-Code oder eine kleine Web-App.

Schnell starten
Den erzeugten Code kannst du herunterladen oder in eine Textdatei kopieren und mit der Endung .html speichern.
Danach kannst du weiter verfeinern: mehr Tiere, andere Kategorien, andere Farben, neue Texte oder weitere Funktionen.
Tool → HTML → weiterdenken
🧭 Ablauf

Vom Vibe zur App

1ïžâƒŁ Idee
2ïžâƒŁ KI
3ïžâƒŁ verbessern

1. Die Vision

Überlege: Was soll die App können? Wie soll sie wirken? FĂŒr wen ist sie gedacht?

2. Die Generierung

Gib den Prompt in ein KI-Tool ein und lasse dir den HTML-Code fĂŒr die Web-App erzeugen.

3. Das Refinement

Verbessere die App mit neuen Ideen, zum Beispiel grĂ¶ĂŸere Schrift, weitere Tiere oder andere Farben.

vom Denken zum Bauen
🎯 Zweites Beispiel

Mini-Bibelquiz mit Punkten

Hier siehst du ein zweites Vibe-Beispiel: eine kleine Quiz-App mit Punkten.

Die KI kann also nicht nur Generatoren, sondern auch kleine Lernspiele bauen.

Mini-Quiz

Welches Tier brachte Noah ein Zeichen der Hoffnung?

Punkte: 0WĂ€hle eine Antwort aus.
Beispiel-Prompt: „Erstelle ein kindgerechtes Bibelquiz mit 3–5 Fragen, Punktestand, großen Buttons und einer freundlichen RĂŒckmeldung am Ende.“
kleines Lernspiel
✅ Am Ende hochladen

Fertigen Vibe teilen

Wenn deine HTML-Datei fertig ist, kannst du sie hier zur Sammlung hochladen.

Öffne die TaskCards-Pinnwand und lade dort deinen fertigen Vibe bzw. deine HTML-Datei hoch.

✹ Generator öffnen
Tipp: Speichere deine Datei gut sichtbar mit der Endung .html, damit sie spÀter leicht gefunden und geöffnet werden kann.
fertigen Vibe hochladen
✹ Ideen-Generator

Welche App soll entstehen?

WĂ€hle Thema, Jahrgangsstufe und App-Typ. Du bekommst passende Vibe-Ideen – mit fertigem Prompt zum Kopieren.

📖 Thema
🎓 Jahrgangsstufe
đŸ’» App-Typ
Ideen-VorschlÀge
đŸ•Šïž

Noch keine Ideen generiert

WĂ€hle links ein Thema, eine Jahrgangsstufe und einen App-Typ – dann klick auf „Ideen generieren“.

admin