open:vibe-coding

Dies ist eine alte Version des Dokuments!


Vibe Coding

Sie müssen keine einzige Zeile Programmiercode lesen können, um eigene Programme verwirklichen zu können! Lassen Sie es uns ausprobieren!

Programmiermarionette

Sie brauchen ein KI-System, das eine HTML-Seite erstellen kann (z. B. BYLKI). Suchen Sie sich ein System aus und fragen Sie das System, ob es eine HTML-Datei als Download-Datei generieren kann. Ziemlich sicher wird es ja sagen. Und schon können wir mit Projekt 1 beginnen: dem Zufallsgenerator.

„Sie“ erstellen eine kleines Tool, das eine zufällige Zahl anzeigt. Nach einem ersten Prototyp passen Sie das Tool weiter an.

Kopieren Sie folgenden Promt in ein KI-System Ihrer Wahl:

Erstelle eine einfache Webseite mit einem Zufallsgenerator. Die Seite soll:

  1. eine große Zahl anzeigen,
  2. einen gut sichtbaren Button mit der Aufschrift „Neue Zahl“ haben,

Die Gestaltung soll übersichtlich und modern sein und auch auf einem Tablet gut funktionieren. Erstelle alles in einer einzigen HTML-Datei, sodass ich die Datei direkt im Browser öffnen kann.

Anpassungen:

  • Sagen Sie der KI, aus welchem Zahlenraum die Zahlen stammen sollen.
  • Wollen Sie womöglich die Farbe ändern?
  • Oder soll die Zahl gegen Ende immer langsamer wechseln, sodass die Spannung steigt?

Projekt 2: Flashback

Projekt 3: eigene Ideen

Auf de nachfolgenden Seite können Sie Ihr Projekt1) hochladen und testen:


1)
als html-Datei
Cookies helfen bei der Bereitstellung von Inhalten. Diese Website verwendet Cookies. Mit der Nutzung der Website erklären Sie sich damit einverstanden, dass Cookies auf Ihrem Computer gespeichert werden. Außerdem bestätigen Sie, dass Sie unsere Datenschutzerklärung gelesen und verstanden haben. Wenn Sie nicht einverstanden sind, verlassen Sie die Website.Weitere Information
  • open/vibe-coding.1791413779.txt.gz
  • Zuletzt geändert: 2026/10/08 00:56
  • von pz