Was ist Google AI Studio? 💡 Gemini 2.5 KI-Codierung 📝 Apps lernen & erstellen

1. Überblick über Google AI Studio und seine Funktionen [0]

1. Google AI Studio ist das beste Werkzeug, um unmögliche Ideen zu verwirklichen. [0]
2. Es bietet eine große Auswahl an Tools. [1]
   1. Dazu gehören Video-Generierung, App-Erstellung und das Fine-Tuning von KI-Modellen. [1]
3. KI-Tools werden immer leistungsfähiger. [2]
   1. Dies ermöglicht es Nicht-Programmierern, Apps und Ideen zu entwickeln. [2]
4. Der Sprecher hat bereits drei Anwendungen in zwei Wochen erstellt. [3]
   1. Ohne KI hätte dies Monate oder Jahre gedauert. [3]
5. Zielgruppe: Studenten, Content-Ersteller, Entwickler und Geschäftsleute können profitieren. [4]
6. Das Video bietet einen Überblick über die Funktionen von Google AI Studio. [6]
   1. Funktionen umfassen Chat, Live-Stream, Video-Generierung und App-Erstellung. [6]
7. Es werden praktische Beispiele gezeigt, wie man mit Google AI Studio lernen, bauen und coden kann. [7]
   1. Dies gilt auch, wenn man kein Programmierer ist. [7]

1.1. Vergleich mit anderen KI-Tools und persönliche Erfahrungen [8]

1. Der Sprecher nutzt normalerweise Notebook LM zum Erlernen komplizierter Themen. [8]
   1. Notebook LM hat neue Funktionen wie Discover Sources und Mindm. [9]
   2. Es kann Informationen aus dem Web sammeln und einfach destillieren. [9]
   3. Notebook LM ist ein großartiges Tool, besonders wegen seiner besseren Datenschutzrichtlinie. [10]
2. Gemini 2.5 Pro (innerhalb von Google AI Studio) ist besser für technisches Wissen. [11]
   1. Es kann technische Wissensbasen besser verdauen, verstehen und erklären. [11]
   2. Dies macht es sehr mächtig zum Erlernen des Codings und der App-Erstellung. [12]
3. Der Sprecher hat wenig Erfahrung im Programmieren. [13]
   1. Google AI Studio war ein unglaublicher Weg, Ideen umzusetzen. [13]
4. Bisherige Projekte mit Google AI Studio: [14]
   1. Zwei Apps wurden gebaut. [14]
   2. Ein dynamischer Bildgenerator für den Digital Garden (Website) wurde erstellt. [14]
   3. Die Website wurde mit neuen Funktionen angepasst. [14]
5. Der Sprecher ist mit den Grundlagen für Coding, Lernen, Video-Generierung und App-Erstellung vertraut. [15]
6. Inhalt des Videos: [16]
   1. Überblick über alle Funktionen (Chat, Live-Stream, Video-Generierung, App Builder). [16]
   2. Vergleich der Vorteile mit anderen Tools (z. B. Claude 3.7 Sonnet, Notebook LM). [17]
   3. Praktische Beispiele für den Workflow zur App-Erstellung. [18]
   4. Ideen, wer von dem Tool profitieren kann und wie. [19]
7. Der Sprecher erwähnt, dass er Playlists für Obsidian und Notebook LM hat. [22]

2. Detaillierte Funktionen von Google AI Studio [26]

2.1. Die Chat-Funktion und Gemini 2.5 Pro [26]

1. Der erste Bereich ist die Chat-Funktion auf der linken Seite. [28]
   1. Hier kann man verschiedene Modelle auswählen. [29]
2. Der Sprecher nutzt die Gemini 2.5 Pro Preview. [30]
   1. Dies ist eines der mächtigsten und wirkungsvollsten LLMs, die er je benutzt hat. [31]
   2. Andere Plattformen (wie ChatGPT oder Claude) kamen nicht an die Leistung von Gemini heran. [32]
3. Die Chat-Funktionalität ist beeindruckend, da sie ein Kontextfenster von bis zu einer Million Tokens hat. [34]
   1. Das entspricht vielen Hunderttausenden von Wörtern. [36]
   2. Man könnte ein ganzes Lehrbuch hochladen und Fragen dazu stellen (unter Beachtung des Urheberrechts). [37]
   3. Videos und ganze Codebasen können hinzugefügt werden. [38]
4. Der Sprecher hat die Chat-Funktion zum Bauen und Debuggen von Apps genutzt. [42]
   1. Er konnte funktionierende Apps mit sehr wenig Programmiererfahrung erstellen. [43]
5. Beispiel-App: Eine App, die einen YouTube-Link kopiert und ein Thumbnail anzeigt. [44]
   1. Sie generiert einen Share-Link und erstellt eine Mini-App, die das Video direkt in Warpcast (Teil von Farcaster) abspielt. [45]
6. Die Chat-Funktion ist dem Notebook LM ähnlich, da man Quellen hochladen und Gespräche führen kann. [51]
7. Notebook LM hat ebenfalls ein großes Kontextfenster (Millionen von Tokens). [54]
   1. Notebook LM verwendet derzeit Gemini 2, nicht Gemini 2.5. [55]
8. Für Anwendungsfälle wie Coding oder das Mocking up einer App ist Google AI Studio besser geeignet. [56]
9. Wichtiger Hinweis: Die Nutzungsbedingungen und Datenschutzrichtlinien von Google AI Studio unterscheiden sich von Notebook LM. [57]
   1. Notebook LM ist sicherheitsbewusster in Bezug auf den Datenschutz. [58]
   2. Es wird empfohlen, die Bedingungen zu prüfen, bevor man Daten in Gemini eingibt. [59]

2.2. Die Streaming-Funktion (Live-Gespräch und Bildschirmfreigabe) [61]

1. Die nächste Funktion ist Streaming. [61]
   1. Man kann mit Gemini sprechen, indem man auf den Talk-Button klickt. [62]
   2. Es nutzt das Flash-Modell von Gemini 2 (noch nicht 2.5). [63]
2. Dies ermöglicht eine multimodale Interaktion. [64]
3. Bildschirmfreigabe: Man kann den Bildschirm teilen, sodass Gemini alles sehen kann. [65]
   1. Gemini kann Fragen basierend auf dem Gesehenen beantworten. [66]
4. Anwendungsbeispiele für Streaming: [67]
   1. Kunst-Feedback: Feedback zur Komposition von Kunstwerken basierend auf Fotoregeln. [67]
   2. Rezept-Generierung: Kamera auf den Kühlschrank richten und Gemini um ein Rezept bitten. [68]
   3. Software-Tutor: Gemini als Tutor für komplizierte Software (z. B. Adobe Premiere Pro) nutzen. [70]
   4. Code-Debugging: Die gesamte Codebasis anzeigen und Gemini um Hilfe beim Debuggen bitten. [72]
   5. Sprachenlernen: Mit Gemini in verschiedenen Sprachen sprechen und sich unterrichten lassen. [74]

2.3. Video-Generierung und Starter-Apps [77]

1. Die nächste Hauptfunktion ist die Video-Generierung mit Google VO. [77]
   1. Derzeit ist nur ein Modell verfügbar und die Auflösung ist auf 720 beschränkt (wird bald aktualisiert). [79]
   2. Man kann das gewünschte Video beschreiben und generieren lassen. [80]
2. Beispiel-Video: Der Sprecher generiert ein Video, das seine Obsidian-Notizen emulieren soll. [85]
   1. Das Ergebnis zeigt eine Glühbirne, die eine Kurve generiert. [86]
3. Optionen nach der Generierung: Herunterladen, in großer Ansicht anzeigen, Feedback geben oder in Drive exportieren. [88]
   1. Man kann das Seitenverhältnis ändern (z. B. 9:16). [91]
   2. Man kann die Anzahl der Ergebnisse erhöhen. [92]
   3. Negative Prompt: Hier kann man Wörter eingeben, die im Video vermieden werden sollen. [93]
   4. Die Dauer des Videos kann gewählt werden. [96]
4. Der letzte Hauptbereich ist der Abschnitt Starter App. [97]
   1. Hier kann man Apps mit Gemini erstellen. [98]
5. Beispiel-Apps: GIFs erstellen, p5.js (Videospiel/generative Kunst), räumliche Bildgebung (Augmented Reality). [99]
   1. Man kann eine App erstellen, die sich mit der Google Maps API verbindet (z. B. ein Choose Your Own Adventure-Spiel basierend auf realen Orten). [106]
6. Man kann auch eine App von Grund auf neu erstellen. [109]
7. Verbindung zur Gemini API: Alle Apps können direkt mit der Gemini API verbunden werden. [110]
   1. Beim Ausführen der App erhält man einen API-Schlüssel, um Gemini direkt abzufragen. [112]
   2. Dies ermöglicht die Integration von KI von Anfang an. [114]
8. App-Entwicklung ohne KI: Die erstellte Embed App des Sprechers beinhaltet derzeit keine KI. [115]
   1. Gemini hat alles erstellt, vom Parsen des YouTube-Links bis zur Generierung des Buttons. [117]
   2. Der Sprecher gab Feedback zum UI-Design und iterierte, bis die Mini-App wie gewünscht aussah. [119]
9. Export der App: Man kann die App als ZIP-Datei herunterladen. [123]
   1. Wichtige Vorsicht: Man sollte den echten API-Schlüssel nicht in eine öffentliche Anwendung (Produktionsebene) einfügen. [125]
   2. Andernfalls könnte jeder den Schlüssel verwenden, um direkt auf Gemini zuzugreifen. [125]
   3. Für eine Produktions-App muss ein Teil der Logik serverseitig verschoben werden (ein Tutorial ist verfügbar). [126]
10. Es gibt weitere Elemente, die erklären, was beim Bauen dieser Apps funktioniert und was nicht. [129]

2.4. Einstellungen, Speicherung und Fine-Tuning [133]

1. Der Sprecher empfiehlt, einfach herumzuklicken und zu erkunden. [133]
   1. Anfangs kann die Oberfläche überwältigend wirken. [134]
2. Durch lange Gespräche mit der Chat-Funktion wurde das Verständnis verbessert. [135]
3. Der Sprecher hat viel über das Programmieren gelernt, indem er die KI als Tutor nutzte. [136]
4. Einstellungen (Seitenleiste): [138]
   1. Temperatur: Steuert die Kreativität der Antwort. [139]
   2. Höhere Temperatur = kreativer; niedrigere Temperatur = weniger kreativ. [140]
   3. Dies ist nützlich für Aufgaben wie das Schreiben von Blogbeiträgen oder Social-Media-Inhalten. [143]
   4. Strukturierte Ausgabe: Für technischere Benutzer kann Code in einem bestimmten Format (z. B. JSON) exportiert werden. [145]
   5. Code-Ausführung: Man kann Code (z. B. Python-Skripte) direkt in der App ausführen lassen. [147]
   6. Funktionen: Man kann Funktionen einbauen, die aufgerufen werden können. [149]
   7. Grounding mit Google Search: Ermöglicht das Abrufen aktuellerer Informationen. [149]
   8. Der Cutoff-Termin von Gemini 2.5 ist Januar 2025. [150]
   9. Antwortlänge: Man kann die gewünschte Länge der Antwort wählen. [152]
5. Speichern von Chats: [154]
   1. Man muss auf Save Prompt klicken, um den Chat im Verlauf zu speichern. [154]
   2. Man kann in den Einstellungen Autosave aktivieren. [156]
   3. Save Prompt speichert den Chat in Google Drive. [158]
   4. Man könnte dann von Notebook LM aus auf diese Konversation zugreifen. [159]
6. Fine-Tuning: Über die Dokumentation kann man auf Fine-Tunings zugreifen. [161]
   1. Man kann Modelle mit Google AI Studio fine-tunen. [162]
   2. Man kann einen Datensatz für das Fine-Tuning hochladen. [163]
   3. Dies ermöglicht die Anpassung des Gemini-Modells an einen eigenen Stil oder eine Personalisierung. [163]
   4. Man kann beispielsweise die Obsidian-Datenbank einbringen, um das KI-Verhalten anzupassen. [167]
7. Datenschutz-Erinnerung: Es ist wichtig, die Nutzungsbedingungen und Datenschutzrichtlinien zu prüfen. [169]
8. Google AI Studio ist ein multimodales Lernsystem, das nahtlos beim Bauen und Lernen hilft. [170]

3. Anwendungsfälle und Vergleich der Kontextfenster [172]

1. Weitere Informationen sind im Dokumentationsbereich verfügbar. [172]
   1. Man kann Code aus der Dokumentation kopieren. [176]
   2. Man kann die gesamte Dokumentationsseite als PDF speichern und in Gemini hochladen, um spezifische Fragen zu stellen. [177]
2. Anwendungsfälle für verschiedene Gruppen: [178]
   1. Studenten: Als Lernhilfe, zum Zusammenfassen von Notizen/Lehrbüchern. [179]
   2. Man könnte eine Quiz-App erstellen, die Flashcards generiert und Fragen stellt. [181]
   3. Content-Ersteller: Für Content-Generierung. [183]
   4. Blogbeiträge in Social-Media-Inhalte exportieren. [184]
   5. Brainstorming und Ideenfindung. [185]
   6. Entwickler: Prototyping von Apps, Testen und Tuning von Modellen. [186]
   7. Unternehmen: Workflow-Automatisierungen, Bau eines benutzerdefinierten Chatbots oder Analysetools. [188]
   8. Beispiel: Eine Analyseanwendung, die YouTube-Analysedaten verarbeitet und Einblicke liefert. [189]
3. Lieblingsanwendung des Sprechers: Bau eines dynamischen Bildgenerators. [190]
   1. Dieser erstellt automatisch Open Graph Images (Vorschaubilder beim Teilen in sozialen Medien). [191]
   2. Dies ermöglicht die Anpassung der Notizen beim Teilen aus dem Digital Garden. [193]
   3. Es zieht sogar Bilder aus dem Obsidian-Knoten, um die Vorschau zu erstellen. [194]
4. Vergleich mit Claude 3.7 Sonnet: [199]
   1. Claude 3.7 Sonnet gilt als eines der besten Coding-KI-Systeme und funktioniert sehr gut. [199]
   2. Es kann Code fast perfekt beim ersten Versuch erstellen. [201]
   3. Nachteil: Der kostenlose Plan hat ein sehr kleines Limit (nach wenigen Prompts ist das Limit erreicht). [202]
5. Kontextfenster-Erklärung: [203]
   1. Google AI Studio hat ein 1 Million Token Kontextfenster. [203]
   2. Das Kontextfenster ist die Menge an Informationen, die an das KI-Modell übergeben wird, um eine Antwort zu generieren. [204]
   3. Es kann als Kurzzeitgedächtnis betrachtet werden. [205]
6. Notebook LM Kontextfenster: [209]
   1. Man kann bis zu 50 Quellen hinzufügen. [212]
   2. Jede Quelle kann 500.000 Wörter umfassen. [213]
   3. Gesamtkontext: Bis zu 25 Millionen Wörter. [214]
   4. Allerdings ist jede einzelne Quelle auf 500.000 Wörter begrenzt. [217]
   5. Notebook LM verwendet nicht Gemini 2.5. [218]
7. Fazit zum Tool-Einsatz: [219]
   1. Claude kann wegen des winzigen Kontextfensters im kostenlosen Plan nicht für umfangreiches Coding genutzt werden. [219]
   2. Workflow-Empfehlung: [221]
   3. Notebook LM nutzen, um Quellen zu finden und das Verständnis zu verbessern (Lernsystem). [221]
   4. Google AI Studio nutzen, wenn man bereit ist zu bauen, da es viel leistungsfähiger für Coding ist. [224]

4. Praktisches Beispiel: Bau einer Embedder-App [225]

1. Ziel der App: Eine Embedder App für Farcaster bauen. [225]
   1. Man kann einen Link einfügen, das Thumbnail wird angezeigt, und es gibt Buttons zum Kopieren und Teilen auf Warpcast. [226]
   2. Die App läuft auf dem Handy. [227]
2. Farcaster-Hintergrund: Eine dezentrale Social-Media-Plattform, die Links feiert. [228]
   1. Es ist cool, YouTube-Videos zu teilen, die direkt im Feed abgespielt werden können. [230]
   2. Der Sprecher fügte einen Subscribe-Button hinzu, der direkt zu seinem YouTube-Kanal führt. [231]
3. Die gesamte App wurde mit Google AI Studio erstellt und auf Vercel gehostet. [232]
   1. Der Prozess war nicht einfach und erforderte Debugging. [234]
4. Workflow zur App-Erstellung (Import der Dokumentation): [236]
   1. Jede Software hat eine Dokumentations-Website (z. B. Farcaster Mini App Website). [236]
   2. Die Farcaster-Entwickler haben eine LLM friendly doc erstellt. [239]
   3. Man kann auf Full LLM Doc klicken, um eine TXT-Datei mit der gesamten Website und dem SDK zu erstellen. [240]
   4. Diese Datei enthält eine große Menge an Kontext. [242]
   5. Die Datei wird gespeichert und in Google AI Studio hochgeladen. [244]
5. Analyse des Kontexts in Google AI Studio: [246]
   1. Die Analyse der Datei (22.000 Tokens) dauert nur wenige Sekunden. [246]
   2. Der Sprecher fragt, ob die KI den Kontext verstanden hat. [248]
   3. Es wurden 22.000 von 1 Million Tokens verwendet (nur 2%). [249]
6. Vergleich mit Claude: [251]
   1. Beim Versuch, dieselbe Datei in Claude hochzuladen, wird die Längenbegrenzung überschritten. [252]
   2. 22.000 Tokens sind für Claude zu viel. [254]
   3. Dies zeigt, wie viel leistungsfähiger Google AI Studio für die App-Erstellung ist. [258]
7. Hinzufügen von weiterem Kontext: [259]
   1. Man kann weitere Ordner (z. B. 13.000 Tokens) oder PDFs hinzufügen. [260]
   2. Der Sprecher empfiehlt, dies schrittweise zu tun, damit die KI die Dateien als Frage-Antwort-Paare speichert. [263]
   3. Der Punkt ist, dass jede Software-Dokumentation exportiert und hier hochgeladen werden kann. [267]
8. Fragen an die KI: Der Sprecher bittet um eine Zusammenfassung der Mini-App, ihrer Vorteile und der Implementierungsschritte. [273]
9. Erklärung der Farcaster Mini App: [276]
   1. Es ist eine Vollbild-Webanwendung (HTML, CSS, JavaScript), die in einem Farcaster-Client läuft. [277]
   2. Dies ist vergleichbar mit dem Ausführen einer App in Instagram oder X/Twitter. [279]
   3. Vorteile: Nutzung des Social-Media-Kontexts, Wallet-Verbindung, Authentifizierung und Erleichterung einer viralen Schleife. [281]
10. Code-Generierung: Der Sprecher bittet um Code für eine Mini-App, die YouTube-Videos einbettet. [287]
    1. Die KI beginnt sofort, Code zu generieren. [288]
    2. Es wird der Entwurf für eine gesamte Website mit index.html erstellt. [293]
    3. Die KI listet ihre Annahmen auf und erklärt, was sie getan hat und warum. [294]
11. Erklärung für Nicht-Programmierer: [295]
    1. Man kann die KI bitten, eine Analogie zu geben. [295]
    2. Man kann auch System Instructions hinzufügen, z. B. "Ich bin kein Programmierer, erkläre alles nicht-technisch." [297]
    3. Analogie: Die Mini-App ist wie ein Kiosk-Stand in einem Einkaufszentrum, der YouTube-Videos abspielt. [302]
12. Vorschau im Gemini Canvas: [308]
    1. Man kann zu Gemini wechseln und Canvas aufrufen. [309]
    2. Man kann die HTML-Datei, die Google AI Studio erstellt hat, kopieren und in Canvas einfügen. [313]
    3. Canvas interpretiert den Code und zeigt eine Vorschau an. [317]
13. Testen der App: Der Sprecher fügt einen YouTube-Link ein. [319]
    1. Das Laden des Videos funktioniert, aber der Button klickt nicht. [324]
    2. Dies zeigt, dass man den Prototyp testen und anpassen muss. [327]
14. Google AI Studio als Coding Tutor: [330]
    1. Man kann Google AI Studio als Coding Tutor nutzen. [331]
    2. Man kann den Code, den man in VS Code oder Cursor erstellt, streamen. [332]
    3. Gemini kann Fragen beantworten, während man codiert. [332]
    4. Dies schafft eine Feedback-Schleife, die Code liefert und gleichzeitig erklärt. [333]
    5. Die Nutzung von Gemini 2.5 Pro macht dies sehr mächtig. [334]

5. Workflow-Beispiel: Digital Garden in eine Mini-App umwandeln [337]

1. Der Sprecher wird den vollständigen Workflow zeigen, wie man eine App erstellt. [337]
   1. Er wird zeigen, wie man den Digital Garden in eine Mini-App umwandelt. [338]
2. Digital Garden: Die Website des Sprechers (wandlutes.xyz) ist sein Digital Garden. [340]
   1. Er hat ein Video, das erklärt, was ein Digital Garden ist. [341]
   2. Die Inhalte stammen direkt aus Obsidian (Notiz-App). [342]
   3. Notizen werden per Knopfdruck auf die Website übertragen. [343]
3. Umwandlung in Mini-App: [345]
   1. Der Sprecher nutzte Google AI Studio, um die Dokumentation des Digital Garden-Plugins und den Farcaster-Kontext zu kombinieren. [346]
   2. Er ließ Google AI Studio erklären, wie die bestehende Website in eine Mini-App umgewandelt werden kann. [347]
   3. Beim Einfügen der URL in Farcaster erscheint die App selbst. [347]
4. Funktionalität der Mini-App: [349]
   1. Jemand kann den gesamten Digital Garden auf seinem Handy im Social-Media-Feed erkunden. [349]
   2. Die Mini-App kann zur Seite des Benutzers hinzugefügt werden, um den Digital Garden später wiederzufinden. [350]
   3. Der Sprecher hat auch andere Mini-Apps (z. B. für seinen Newsletter Paragraph). [353]
5. Vorteil der KI: Der Sprecher hätte dies nicht alleine herausfinden können. [356]
6. Anfrage an die KI (Schritt-für-Schritt-Anleitung): [359]
   1. Der Sprecher bittet um eine Schritt-für-Schritt-Anleitung, wie er sein GitHub-Repository in eine Mini-App umwandeln kann (mit VS Code und GitHub Desktop). [360]
   2. Die KI analysiert die Anfrage anhand des 53.000 Tokens umfassenden Kontexts. [362]
   3. Es sind noch 950.000 Tokens verfügbar. [363]
   4. Die KI führt durch die Schritte (Repository klonen, in VS Code öffnen, Git einrichten, Backup). [366]
7. Zukünftiger Workflow: [367]
   1. Notebook LM nutzen, um Themen vorab zu recherchieren und die besten Quellen zu finden. [367]
   2. Den Kontext in Google AI Studio exportieren, um die Anwendung zu bootstrappen. [367]
8. Fazit: Google AI Studio ist die beste Möglichkeit, Gemini 2.5 Pro zu nutzen. [370]
   1. Es ist ein bevorzugtes Werkzeug zum Lernen, Bauen und zur Verbesserung des Personal Knowledge Management Systems. [371]
9. Weitere Ressourcen: Der Sprecher verweist auf seine Playlists zu Obsidian und Notebook LM. [372]
   1. Die Integration von KI in Obsidian wird erklärt. [373]
10. Abschluss: Google AI Studio ist ein unglaubliches Werkzeug für alle, die lernen, coden oder bauen wollen. [379]
11. Ausblick: Das nächste Video wird den detaillierten Workflow zur App-Erstellung mit Google AI Studio zeigen. [386]