So ist diese Seite gebaut

Was machen Oberfläche, Speicher, Sprachmodell und Sandbox? Zwei konkrete Beispiele zeigen, wie diese Seite funktioniert.

KI an einem Beispiel verstehen

Stell dir vor, du liest etwas über RAG und fragst dich: Wozu braucht man dabei Embeddings? Diese Seite soll solche Fragen mit Zeichnungen und konkreten Beispielen verständlich machen.

Eine Oberfläche zum Mitmachen

Next.js baut die Oberfläche: Beiträge, Videoplayer und das Feld für deine Fragen. Du kannst zum Beispiel ein Video ansehen und direkt eine Frage zum gezeigten Beispiel stellen.

Woher kommt das Video?

Cloudflare betreibt die Seite. Die Videodatei liegt im Medienspeicher R2. Wenn du auf Abspielen klickst, wird sie von dort geladen. Die Oberfläche bedient den Player, der Speicher liefert die Datei.

Wie die KI Beiträge nutzt

Deine Frage geht über OpenRouter an ein Sprachmodell. Der Assistent kann mit Werkzeugen passende Beiträge suchen und lesen. Bei der Frage nach Embeddings nutzt er so die Erklärung auf dieser Seite als Kontext für seine Antwort.

Code wirklich ausführen

Fragst du nach einem Code-Beispiel, kann die KI Python in einer E2B-Sandbox ausführen. Das ist eine separate Testumgebung. Zum Beispiel addiert dieser Code eins, zwei und drei. Die KI bekommt das Ergebnis sechs zurück.

Wie Zeichnungen sprechen lernen

Für ein Video braucht es Bilder und Ton. Remotion macht aus den Zeichnungen eine zeitlich abgestimmte Animation. ElevenLabs erzeugt die Sprache mit meiner geklonten Stimme. Beides kommt in einem Film zusammen und wird geprüft.

Verstehen durch Ausprobieren

Du kannst eine Erklärung ansehen, gezielt nachfragen und ein Beispiel testen. So bekommst du ein klares Bild von der Idee.

Meine Notizen

Nur in diesem Browser gespeichert. Es wird nichts gesendet.

Hier landen deine Notizen und Markierungen.

Markiere im Text eine Stelle und wähl „Markieren“ oder „Notiz“. Oder schreib gleich eine Notiz zum ganzen Beitrag.