Include videos basics/elements of prompts (German)

pages/introduction/basics.de.mdx

@@ -2,6 +2,7 @@
 
 import {Screenshot} from 'components/screenshot'
 import INTRO1 from '../../img/introduction/sky.png'
+import {Bleed} from 'nextra-theme-docs'
 
 ## Prompts an ein LLM stellen
 
@@ -24,6 +25,17 @@ Wenn Sie den OpenAI Playground oder einen anderen Playground verwenden, dann kö
 
 <Screenshot src={INTRO1} alt="INTRO1" />
 
+Hier ist eine Anleitung, wie man mit dem OpenAI Playground beginnen kann:
+
+<Bleed>
+  <iframe width="100%"
+    height="415px"
+    src="https://www.youtube.com/embed/iwYtzPJELkk?si=irua5h_wHrkNCY0V" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowFullScreen
+    />
+</Bleed>
+
+
 Zu beachten ist, dass man bei der Verwendung der OpenAI-Chatmodelle wie `gtp-3.5-turbo` oder `gpt-4` die Struktur des Prompts mit drei verschiedenen Rollen gestalten kann: `system`, `user` und `assistant`. Eine Eingabe mit `system` ist nicht erforderlich, hilft aber, das Gesamtverhalten des Assistenten festzulegen. Das obige Beispiel beinhaltet nur eine Nutzernachricht, mit der man das Modell direkt auffordern kann. Zur Vereinfachung wird in allen Beispielen, außer es ist ausdrücklich erwähnt, nur die `user`-Nachricht verwendet, um das `gtp-3.5-turbo` Modell zu prompten. Die `assistant`-Nachricht im obigen Beispiel entspricht der Modellantwort. Man kann auch eine Assistentennachricht definieren, um Beispiele für das gewünschte Verhalten zu übermitteln, das man erreichen möchte. Mehr über das Arbeiten mit Chatmodellen kann man [hier](https://www.promptingguide.ai/models/chatgpt) erfahren.
 
 Man kann aus dem obigen Beispielprompt erkennen, dass das Sprachmodell mit einer Sequenz von Token antwortet, die im Kontext `"Der Himmel ist"` Sinn ergeben. Die Ausgabe könnte unerwartet oder weit von der Aufgabe entfernt sein, die man erreichen möchte. Tatsächlich hebt dieses einfache Beispiel die Notwendigkeit hervor, mehr Kontext oder Anweisungen darüber zu geben, was man speziell mit dem System erreichen möchte. Darum geht es beim Prompt-Engineering.

pages/introduction/elements.de.mdx

@@ -1,3 +1,5 @@
+import {Bleed} from 'nextra-theme-docs'
+
 # Elemente eines Prompts
 
 Während wir immer mehr Beispiele und Anwendungen mit Prompt-Engineering behandeln, werden Sie feststellen, dass bestimmte Elemente einen Prompt ausmachen.
@@ -12,6 +14,14 @@ Ein Prompt enthält eines oder mehrere der folgenden Elemente:
 
 **Ausgabeindikator** - die Art oder das Format der Ausgabe.
 
+<Bleed>
+  <iframe width="100%"
+    height="415px"
+    src="https://www.youtube.com/embed/kgBZhJnh-vk?si=-a-KvhmXFJMtAuCB" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowFullScreen
+    />
+</Bleed>
+
 Um die Elemente eines Prompts besser zu demonstrieren, hier ein einfaches Beispiel, das darauf abzielt, eine Textklassifizierungsaufgabe durchzuführen:
 
 *Prompt*