✨ 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

Ich habe die Demo gesehen und verstanden.

🧠 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

Ich habe den Prompt gelesen und verstanden.

🌐 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

Ich habe die Tools und den HTML-Weg verstanden.

🧭 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

Ich habe den Ablauf verstanden.

🎯 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

Ich habe das Quiz-Beispiel verstanden.

✅ 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

Ich weiß, wo ich meinen fertigen Vibe hochlade.

✨ Ideen-Generator

Welche App soll entstehen?

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

Ich habe eine Idee gefunden, die ich prompten möchte.

Ideen-Vorschläge

🕊️

Noch keine Ideen generiert

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

buchstabierbar

Workshop

So fühlt sich ein kleiner Vibe an

Mini-Demo

Beispiel-Prompt

Diese Tools kannst du nutzen

fobizz

telli.schule

Duck.ai

ChatGPT

Gemini

NotebookLM