Workshop April

Vibe-Coding im Religionsunterricht – Seminarversion
đŸ•Šïž
Vibe-Coding im Religionsunterricht – Seminarversion
fĂŒr LehrkrĂ€fte, Fachleitungen und Fortbildungen · alles in einer Datei
Fortschritt 0 / 9
Seite 1 von 9
✹ Seminar-Einstieg

Vibe-Coding im Seminar erleben

Diese Seminarversion richtet sich an LehrkrÀfte und Fachleitungen. Sie verbindet eigenes Erleben, didaktische Reflexion und den Transfer in Unterricht und Fortbildung.

Die Idee: Du beschreibst Zielgruppe, Funktion, Stil und UnterstĂŒtzungsbedarf. Die KI baut daraus eine Web-App. In der Seminarlogik bist du also eher didaktische:r Architekt:in als klassische:r Programmierer:in.

💡 Idee
âžĄïž Prompt
đŸ’» App
🎯 Zielgruppe bewusst wĂ€hlen
🧠 didaktisch begrĂŒnden
♿ barrierearm mitdenken
🔊 mit Vorlesefunktion
👧 kindgerecht gedacht

Mini-Demo

Klicke auf den roten Button.

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

Beispiel-Prompt

Diesen Prompt kannst du im Seminar gemeinsam analysieren. Er zeigt, wie Zielgruppe, Gestaltung, Funktion und UnterstĂŒtzungsbedarf so beschrieben werden, dass daraus eine didaktisch sinnvolle App entstehen kann.

🧠 klar denken
✍ beschreiben
⚙ generieren
Seminarperspektive: Gute Prompts machen didaktische Entscheidungen sichtbar.
klarer Prompt
🌐 Werkzeuge im Seminar

Diese Tools kannst du nutzen

Diese Werkzeuge eignen sich fĂŒr Erprobungsphasen im Seminar. Die Teilnehmenden geben ihren Prompt ein, erhalten HTML-Code oder eine kleine Web-App und können danach gezielt ĂŒber QualitĂ€t, Passung und Weiterentwicklung sprechen.

Den erzeugten Code kannst du herunterladen oder in eine Textdatei kopieren und mit der Endung .html speichern. So können Seminarteilnehmende ihre Ergebnisse direkt im Browser erproben.
Danach beginnt die Reflexion: Was passt schon gut? Was muss noch verĂ€ndert werden? Typische Seminarimpulse sind: mehr Differenzierung, kindgemĂ€ĂŸere Sprache, grĂ¶ĂŸere Buttons, ruhigere Gestaltung oder mehr UnterstĂŒtzung beim Lesen.
Prompt generieren → ins Tool einfĂŒgen → HTML-Code erzeugen lassen → herunterladen → im Browser nutzen → bei Bedarf im Tool weiter verfeinern
🧭 Seminar-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 welche Lerngruppe ist sie gedacht? Welche UnterstĂŒtzung brauchen Kinder beim Lernen?

2. Die Generierung

Gib den Prompt in ein KI-Tool ein und lasse dir den HTML-Code erzeugen. Im Seminar geht es dabei nicht nur um Technik, sondern um die Frage: Ist das Ergebnis wirklich didaktisch passend?

3. Die Verfeinerung (Feedback nutzen)

Verbessere die App gezielt mit Feedback. Du gibst der KI RĂŒckmeldungen und passt die App Schritt fĂŒr Schritt an.

💡 Beispiele:
– „Mach die Schrift grĂ¶ĂŸer.“
– „FĂŒge einen Sound hinzu.“
– „Nutze kindgerechte Sprache.“
– „Baue barrierearme Buttons ein.“

vom Denken zum Bauen
🎯 Beispiel fĂŒr die Seminararbeit

Mini-Bibelquiz mit Punkten

Hier siehst du ein zweites Vibe-Beispiel: eine kleine Quiz-App mit Punkten. Solche Beispiele helfen im Seminar, unterschiedliche App-Typen zu vergleichen und ihre didaktischen StÀrken zu besprechen.

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.
Seminarfrage dazu: Welche Kompetenzen werden hier eigentlich gefördert? Und wie mĂŒsste das Quiz verĂ€ndert werden, damit es fĂŒr eine konkrete Lerngruppe wirklich hilfreich ist?
kleines Lernspiel
✅ Seminar-Ergebnisse sichern

Fertigen Vibe teilen

Wenn die Seminarteilnehmenden ihre HTML-Dateien fertiggestellt haben, können sie ihre Ergebnisse hier zur gemeinsamen Sammlung hochladen.

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

Tipp fĂŒr das Seminar: Die Sammlung der Ergebnisse macht Unterschiede sichtbar. So kann gemeinsam ĂŒber QualitĂ€t, Passung und Weiterentwicklung gesprochen werden.
fertigen Vibe hochladen
✹ Ideen-Generator fĂŒr Seminare

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“.

🌟 Reflexion & Abschluss

Freundlich zurĂŒckblicken – motiviert weitergehen

Nimm dir einen Moment fĂŒr dich: Was nimmst du aus dem Kurs mit? Was möchtest du als NĂ€chstes ausprobieren?

Diese letzte Folie dient der Reflexion. Sie hilft, den eigenen Lernweg bewusst wahrzunehmen und den Transfer in Unterricht, Seminar oder Fortbildung mitzudenken.

Ich kann jetzt 

 einen Vibe beschreiben, 
 einen Prompt formulieren, 
 eine App erproben und 
 gezielt ĂŒberarbeiten.
Ich nehme mir vor 

 eine eigene kleine App zu planen oder eine vorhandene Idee fĂŒr meine Lerngruppe weiterzuentwickeln.
Ich frage mich noch 

 welche UnterstĂŒtzung Kinder brauchen, damit die App wirklich lernförderlich, barrierearm und motivierend wird.
😊 freundlich
🚀 motivierend
đŸȘž reflektierend

Abschluss-Check

Bewerte jede Aussage auf einer Skala von 1 bis 5. FĂŒr das Zertifikat brauchst du mindestens 15 Punkte und einen eigenen Vibe.

Ich kann einen klaren Vibe fĂŒr eine Lern-App formulieren.1 = noch unsicher · 5 = sicher
Ich kann mit KRAFT+ einen guten Prompt aufbauen.1 = noch unsicher · 5 = sicher
Ich weiß, wie ich HTML-Dateien speichere und öffne.1 = noch unsicher · 5 = sicher
Ich denke Barrierefreiheit und kindgemĂ€ĂŸe Gestaltung mit.1 = noch unsicher · 5 = sicher
Ich kann Seminarergebnisse reflektieren und weiterentwickeln.1 = noch unsicher · 5 = sicher
Ich habe einen eigenen Vibe erstellt oder fertig entwickelt.Voraussetzung fĂŒr das Zertifikat
Zur TaskCards-Pinnwand
🎓 Zertifikat

Dein Vibe-Coding-Zertifikat

Herzlichen GlĂŒckwunsch! Du hast den Seminar-Kurs durchlaufen, Ideen entwickelt, Prompts formuliert, Apps erprobt und deinen Lernweg reflektiert.

Dieses Zertifikat wĂŒrdigt deinen Weg als didaktische:r Architekt:in digitaler Lern-Apps im Religionsunterricht.

Zertifikat

Vibe-Architekt:in

fĂŒr die erfolgreiche Teilnahme an der Seminarversion

„Vibe-Coding im Religionsunterricht“

💡 Ideen entwickeln
🧠 KRAFT+ nutzen
đŸ’» Apps bauen
♿ barrierearm denken
Teilnahme bestÀtigt
Kurs erfolgreich abgeschlossen
Kompetenzen
Vibe · Prompt · Verfeinerung · Reflexion
Datum der Absolvierung: –