🎯 Worum geht es?
In diesem Projekt lernt ihr, wie man Künstliche Intelligenz (KI) nutzt, um eigene digitale Projekte zu erstellen. Das Besondere: Ihr müsst nicht programmieren können!
💡 Das Geheimnis: Eine gute Projektbeschreibung!
Die KI kann fast alles erstellen - aber nur, wenn ihr ihr genau erklärt, was ihr haben möchtet. Je detaillierter eure Beschreibung, desto besser wird das Ergebnis!
Stellt euch vor, ihr beschreibt euer Projekt einem Freund am Telefon, der es dann für euch baut. Je mehr Details ihr nennt, desto eher entspricht das Ergebnis euren Vorstellungen!
🛠️ Wie funktioniert das genau?
1 Idee entwickeln
Überlegt euch in der Gruppe: Was wollen wir erstellen? Eine Webseite? Ein Spiel? Eine App?
2 Alle Details aufschreiben
Jetzt wird's wichtig! Schreibt ALLES auf, was euer Projekt können und wie es aussehen soll. Denkt an Farben, Layout, Funktionen, Inhalte - einfach alles!
3 Beschreibung an die KI geben
Eure ausführliche Beschreibung wird der KI übergeben. Diese versteht eure Wünsche und erstellt daraus ein funktionierendes Projekt.
4 Testen und verbessern
Schaut euch das Ergebnis an! Fehlt etwas? Soll etwas anders sein? Dann beschreibt die Änderungen und lasst die KI das Projekt anpassen.
⚠️ Wichtig zu verstehen:
Die KI erstellt einen Code (eine Art Bauplan), der dann im Browser läuft. Ihr müsst diesen Code NICHT verstehen oder schreiben können - ihr müsst nur eure Idee gut beschreiben!
Am Ende bekommt ihr eine fertige Datei, die ihr öffnen und benutzen könnt - genau wie eine normale Webseite oder ein Spiel!
📊 Vorher/Nachher: Gute vs. Schlechte Beschreibungen
❌ Schlecht
"Erstelle mir eine Webseite über Tiere."
Problem: Viel zu vage! Welche Tiere? Wie soll es aussehen? Was soll drauf sein?
✅ Gut
"Erstelle mir eine Webseite über Haustiere mit den Farben Blau und Weiß. Es soll ein Menü mit 'Hunde', 'Katzen', 'Vögel' geben. Jeder Bereich soll 3 Beispiel-Tiere mit Bild und Beschreibung zeigen..."
Warum besser: Konkrete Details zu Farben, Struktur und Inhalt!
❌ Schlecht
"Mach mir ein Spiel."
Problem: Welche Art Spiel? Wie spielt man? Was ist das Ziel?
✅ Gut
"Erstelle ein Quiz-Spiel über Geografie mit 10 Fragen. Jede Frage soll 4 Antwortmöglichkeiten haben. Es soll Punkte zählen und am Ende eine Auswertung zeigen..."
Warum besser: Klare Spielmechanik, Anzahl der Fragen, Bewertungssystem!
🎮 Interaktiver Prompt-Generator
Nutze dieses Tool, um Schritt für Schritt eine vollständige Projektbeschreibung zu erstellen!
🎉 Deine fertige Projektbeschreibung:
💼 Projekt-Kategorien
Webseiten
Portfolio-Seiten, Infoseiten zu Themen, Präsentationen oder eigene Fan-Seiten
Spiele
Quiz-Spiele, Jump & Run, Rätselspiele, Memory oder Action-Spiele
Nützliche Apps
Taschenrechner, Timer, To-Do-Listen, Notiz-Apps oder Umfrage-Tools
Kreativ-Tools
Zeichen-Apps, Bildgeneratoren, Geschichten-Würfel oder Ideenfinder
📝 Vollständige Projekt-Beispiele
🌐 Beispiel 1: Webseite über ein Hobby
"Ich möchte eine Webseite über Skateboarding erstellen. Die Webseite soll einen coolen, urbanen Look haben mit den Hauptfarben Schwarz, Orange und Weiß. Der Hintergrund soll dunkel sein (dunkelgrau oder schwarz).
Menü: Oben soll ein Menü mit folgenden Punkten sein: 'Home', 'Tricks', 'Ausrüstung', 'Videos', 'Kontakt'
Startseite (Home): Eine große Überschrift 'Skateboarding World' mit einem coolen Hintergrundbild eines Skateboarders beim Trick. Darunter ein Willkommenstext, der das Thema der Seite erklärt.
Tricks-Bereich: Hier sollen 6 verschiedene Tricks vorgestellt werden (Ollie, Kickflip, Grind, Manual, 180, Pop Shove-it). Jeder Trick soll eine eigene Karte mit Bild, Name und kurzer Erklärung haben. Die Karten sollen in 3 Spalten nebeneinander angeordnet sein.
Ausrüstung: Drei Bereiche für 'Boards', 'Schuhe' und 'Schutzausrüstung'. Jeder Bereich soll einen Titel, einen Beschreibungstext und 2-3 Beispielprodukte mit Bildern zeigen.
Videos: Ein Bereich mit eingebetteten YouTube-Videos. Platzhalter für 3 Video-Bereiche nebeneinander mit Titel darunter.
Kontakt: Ein Formular mit Feldern für Name, E-Mail und Nachricht, plus einem 'Senden'-Button in Orange.
Logo: Ein stilisiertes Skateboard-Icon neben dem Text 'SK8 World' oben links.
Zusätzliche Details: Die Schrift soll modern und gut lesbar sein. Buttons und Links sollen orange sein und bei Hover heller werden. Am unteren Ende soll ein Footer mit Copyright-Text und Social-Media-Icons sein."
🎮 Beispiel 2: Quiz-Spiel
"Erstelle ein Quiz-Spiel über berühmte Musiker und Bands. Das Design soll musikthemig sein mit violetten und pinken Farben auf dunklem Hintergrund.
Startbildschirm: Große Überschrift 'Musik-Quiz', ein 'Spiel starten' Button und eine kurze Beschreibung des Spiels.
Fragen: 12 Multiple-Choice-Fragen über verschiedene Musik-Themen (Künstler, Songs, Bands, Musikgeschichte). Jede Frage soll 4 Antwortmöglichkeiten haben, von denen nur eine richtig ist.
Beispiel-Fragen: - 'Wer sang "Bohemian Rhapsody"?' (Queen, Beatles, Rolling Stones, Led Zeppelin) - 'In welchem Jahr wurde Michael Jackson geboren?' (1958, 1965, 1970, 1950) - Und 10 weitere ähnliche Fragen
Spielablauf: Nach Klick auf eine Antwort soll sofort angezeigt werden, ob sie richtig oder falsch war (grüner oder roter Rahmen). Dann kommt automatisch die nächste Frage. Es soll oben angezeigt werden, bei welcher Frage man ist (z.B. 'Frage 3 von 12').
Punktesystem: Für jede richtige Antwort gibt es 10 Punkte. Die aktuelle Punktzahl soll während des Spiels oben rechts angezeigt werden.
End-Bildschirm: Nach der letzten Frage soll eine Auswertung erscheinen mit: - Gesamtpunktzahl - Anzahl richtiger Antworten - Eine Bewertung (12/12: 'Musik-Experte!', 9-11: 'Sehr gut!', 6-8: 'Gut gemacht!', unter 6: 'Weiter üben!') - Ein 'Nochmal spielen' Button
Design-Details: Musik-Note-Icons als Dekoration, große lesbare Schrift, Buttons mit Hover-Effekt, Animationen beim Antworten."
📱 Beispiel 3: Fitness-Timer
"Erstelle einen Timer für Intervall-Training. Das Design soll sportlich und motivierend sein mit den Farben Rot, Schwarz und Weiß.
Hauptbereich: Eine große digitale Anzeige der verbleibenden Zeit (Minuten:Sekunden) in der Mitte des Bildschirms. Die Zah