open:vibe-coding

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
open:vibe-coding [2026/10/08 01:11] – pzopen:vibe-coding [2026/10/08 01:16] (aktuell) – pz
Zeile 15: Zeile 15:
  
 Kopieren Sie folgenden Prompt in ein KI-System Ihrer Wahl:  Kopieren Sie folgenden Prompt in ein KI-System Ihrer Wahl: 
- +   
-<blockquote>Erstelle eine einfache Webseite mit einem Zufallsgenerator. +   
-Die Seite soll: +  Erstelle eine einfache Webseite mit einem Zufallsgenerator. 
-  - eine große Zahl anzeigen, +  Die Seite soll: 
-  - einen gut sichtbaren Button mit der Aufschrift „Neue Zahl“ haben, +   - eine große Zahl anzeigen, 
-Die Gestaltung soll übersichtlich und modern sein und auch auf einem Tablet gut funktionieren. +   - einen gut sichtbaren Button mit der Aufschrift „Neue Zahl“ haben, 
-Erstelle alles in einer einzigen HTML-Datei, sodass ich die Datei direkt im Browser öffnen kann. +  Die Gestaltung soll übersichtlich und modern sein und auch auf einem Tablet gut funktionieren. 
-</blockquote>+  Erstelle alles in einer einzigen HTML-Datei, sodass ich die Datei direkt im Browser öffnen kann.
  
 === Anpassungen: === === Anpassungen: ===
Zeile 37: Zeile 37:
 Kopieren Sie folgenden Prompt in ein KI-System Ihrer Wahl:  Kopieren Sie folgenden Prompt in ein KI-System Ihrer Wahl: 
  
-<blockquote>Erstelle eine einfache Webseite für einen kurzen Rückblick zu Beginn einer Unterrichtsstunde. +  Erstelle eine einfache Webseite für einen kurzen Rückblick zu Beginn einer Unterrichtsstunde. 
-Die Seite soll: +  Die Seite soll: 
-  - eine Frage anzeigen, +    - eine Frage anzeigen, 
-  - darunter drei große Antwortmöglichkeiten zeigen, +    - darunter drei große Antwortmöglichkeiten zeigen, 
-  - nach dem Antippen sofort anzeigen, ob die Antwort richtig oder falsch war, +    - nach dem Antippen sofort anzeigen, ob die Antwort richtig oder falsch war, 
-  - die richtige Antwort deutlich hervorheben. +    - die richtige Antwort deutlich hervorheben. 
- +   
-Die Gestaltung soll übersichtlich, modern und auf einem Tablet gut bedienbar sein. +  Die Gestaltung soll übersichtlich, modern und auf einem Tablet gut bedienbar sein. 
-Verwende zunächst diese Frage: +  Verwende zunächst diese Frage: 
- +   
-„Welche Funktion hat Dopamin im Gehirn?“ +  „Welche Funktion hat Dopamin im Gehirn?“ 
- +     
-Antwortmöglichkeiten:+  Antwortmöglichkeiten:
   * A: Es macht uns automatisch glücklich.   * A: Es macht uns automatisch glücklich.
   * B: Es beeinflusst Motivation, Lernen und die Erwartung von Belohnungen.   * B: Es beeinflusst Motivation, Lernen und die Erwartung von Belohnungen.
   * C: Es sorgt ausschließlich für Entspannung.   * C: Es sorgt ausschließlich für Entspannung.
 +  
 +  Richtig ist Antwort B.
 +  Erstelle alles in einer einzigen HTML-Datei, die direkt im Browser geöffnet werden kann.
  
-Richtig ist Antwort B. +=== Anpassungen: ===
-Erstelle alles in einer einzigen HTML-Datei, die direkt im Browser geöffnet werden kann.</blockquote> +
- +
-===== Anpassungen: =====+
   * Momentan kann dies Tool nur diese eine Frage anzeigen. Wäre es nicht praktisch, wenn man im Tool selbst eine neue Frage eingeben könnte? Treten Sie mit der KI in den Dialog und formuliert Sie Ihre Wünsche! Ein Lösungsvorschlag verbirgt sich hinter der Fußnote ((Ergänze eine Bearbeitungsfunktion, mit der ich die Frage, die drei Antwortmöglichkeiten und die richtige Lösung direkt auf der Webseite ändern))   * Momentan kann dies Tool nur diese eine Frage anzeigen. Wäre es nicht praktisch, wenn man im Tool selbst eine neue Frage eingeben könnte? Treten Sie mit der KI in den Dialog und formuliert Sie Ihre Wünsche! Ein Lösungsvorschlag verbirgt sich hinter der Fußnote ((Ergänze eine Bearbeitungsfunktion, mit der ich die Frage, die drei Antwortmöglichkeiten und die richtige Lösung direkt auf der Webseite ändern))
  
Zeile 71: Zeile 71:
   * Fragen Sie die KI, ob sie noch weitere Informationen benötigt.    * Fragen Sie die KI, ob sie noch weitere Informationen benötigt. 
  
-===== Projekte hochladen & ausprobieren =====+==== Projekte hochladen & ausprobieren ====
  
 Auf de nachfolgenden Seite können Sie Ihr Projekt((als html-Datei)) hochladen und testen: Auf de nachfolgenden Seite können Sie Ihr Projekt((als html-Datei)) hochladen und testen:
  • open/vibe-coding.1791414711.txt.gz
  • Zuletzt geändert: 2026/10/08 01:11
  • von pz