GSP1383
Übersicht
In diesem Lab erstellen Sie schnell einen Prototyp für einen Shopping-Agenten in Google AI Studio. Sie erstellen einen Shopping-Agenten für die Veranstaltungsplanung für CymbalMart, ein Einzelhandelsunternehmen, das Kunden bei der Planung von Veranstaltungen und der Erstellung von Einkaufslisten unterstützt. Sie lernen, wie Sie ein wichtiges Nutzerverhalten in einen funktionalen Agenten umwandeln, seine Funktionen mit Vibe Coding und Prompts in natürlicher Sprache erweitern und ihn in verschiedenen Szenarien validieren.
Ein wichtiges Nutzerverhalten (Critical User Journey, CUJ) ist eine detaillierte Karte der wichtigsten Schritte und Interaktionen, die Kundinnen und Kunden durchführen, um ein bestimmtes Ziel zu erreichen. Sie erfasst Entscheidungspunkte und Ergebnisse, die für ihr Erlebnis entscheidend sind.
Für einen tieferen Einblick empfehlen wir Ihnen den zugehörigen Kurs Zukunftsfähige Strategie: KI-Agenten entdecken, entwerfen und Prototypen erstellen.
Lerninhalte
Aufgaben in diesem Lab:
- Einen Shopping-Agenten aus einem wichtigen Nutzerverhalten (Critical User Journey, CUJ) erstellen.
- Mit Vibe Coding und Prompts in natürlicher Sprache die Funktionalität von Agenten verbessern und iterativ weiterentwickeln.
- Das Verhalten des Agenten in verschiedenen Szenarien testen und validieren.
Einrichtung und Anforderungen
Vor dem Klick auf „Start Lab“ (Lab starten)
Lesen Sie diese Anleitung. Labs sind zeitlich begrenzt und können nicht pausiert werden. Der Timer beginnt zu laufen, wenn Sie auf Lab starten klicken, und zeigt Ihnen, wie lange Google Cloud-Ressourcen für das Lab verfügbar sind.
In diesem praxisorientierten Lab können Sie die Lab-Aktivitäten in einer echten Cloud-Umgebung durchführen – nicht in einer Simulations- oder Demo-Umgebung. Dazu erhalten Sie neue, temporäre Anmeldedaten, mit denen Sie für die Dauer des Labs auf Google Cloud zugreifen können.
Für dieses Lab benötigen Sie Folgendes:
- Einen Standardbrowser (empfohlen wird Chrome)
Hinweis: Nutzen Sie den privaten oder Inkognitomodus (empfohlen), um dieses Lab durchzuführen. So wird verhindert, dass es zu Konflikten zwischen Ihrem persönlichen Konto und dem Teilnehmerkonto kommt und zusätzliche Gebühren für Ihr persönliches Konto erhoben werden.
- Zeit für die Durchführung des Labs – denken Sie daran, dass Sie ein begonnenes Lab nicht unterbrechen können.
Hinweis: Verwenden Sie für dieses Lab nur das Teilnehmerkonto. Wenn Sie ein anderes Google Cloud-Konto verwenden, fallen dafür möglicherweise Kosten an.
Google AI Studio öffnen
-
Klicken Sie auf Lab starten. Im Lab-Bereich werden die temporären Anmeldedaten für dieses Lab angezeigt.
-
Hinweis: Wenn es sich um ein kostenpflichtiges Lab handelt, werden Sie aufgefordert, eine Zahlungsmethode auszuwählen.
-
Öffnen Sie Google AI Studio in einem Inkognitofenster. Die Google Log-in-Seite wird angezeigt.
-
Tipp: Ordnen Sie die Tabs für das Lab und AI Studio nebeneinander in separaten Fenstern an, um leichter darauf zugreifen zu können.
-
Kopieren Sie den nachfolgenden Nutzernamen und fügen Sie ihn in das Feld E-Mail ein. Klicken Sie dann auf Weiter.
{{{user_0.username | "Username"}}}
-
Kopieren Sie das nachfolgende Passwort und fügen Sie es in das Feld Passwort eingeben ein. Klicken Sie dann auf Weiter.
{{{user_0.password | "Password"}}}
-
Akzeptieren Sie die Nutzungsbedingungen auf dem Bildschirm, um fortzufahren.
Sie sind jetzt mit Ihrem temporären Teilnehmerkonto in Google AI Studio angemeldet.
Aufgabe 1: Einen Shopping-Agenten aus einem wichtigen Nutzerverhalten (Critical User Journey, CUJ) erstellen.
In dieser Aufgabe erstellen Sie einen Shopping-Agenten für die Veranstaltungsplanung, der auf einem definierten CUJ basiert und CymbalMart-Kundinnen und -Kunden bei der Planung von Veranstaltungen und der Erstellung von Einkaufslisten unterstützt.
-
Klicken Sie auf den Button Jetzt starten und akzeptieren Sie die Nutzungsbedingungen.
-
Klicken Sie im linken Navigationsmenü auf Erstellen.
Klicken Sie auf Dateien hinzufügen (+) und dann auf Drive. Wählen Sie Ihr Teilnehmerkonto aus (z. B. [student-username]) und erteilen Sie die erforderlichen Berechtigungen.
-
Fügen Sie in der Haupt-Promptleiste unter „Ideen mit Gemini entwickeln“ den folgenden Prompt ein, um Ihren Shopping-Agenten für die Veranstaltungsplanung zu erstellen:
Erstelle einen Shopping-Agenten für die Veranstaltungsplanung.
-
Klicken Sie auf Erstellen und warten Sie, bis Google AI Studio den Agenten generiert hat.
-
Prüfen Sie den Agent und testen Sie ihn mit Beispieldaten. Entspricht der Agent Ihren Erwartungen?
-
Fügen Sie im Gemini-Chatbereich den folgenden CUJ-Prompt ein und klicken Sie auf Prompt senden, um das wichtige Nutzerverhalten zu definieren:
Erstelle einen Shopping-Agenten für die Veranstaltungsplanung für CymbalMart basierend auf dem folgenden wichtigen Nutzerverhalten (CUJ):
Nutzer: Gastgeber, die wenig Zeit haben und Hilfe bei der Planung von Veranstaltungen benötigen.
Ziel: Aus der Absicht eine kuratierte, preisbewusste Einkaufsliste erstellen.
Aufgaben:
Ereignis definieren: Art der Veranstaltung, Thema, Budget, Anzahl der Gäste und besondere Wünsche festlegen.
Liste überprüfen: Elemente mit dem Gesamtbudget abstimmen.
Optimieren und abschließen: Plan anpassen und fertigstellen.
Hinweis: Ein wichtiges Nutzerverhalten ist eine strukturierte Beschreibung der wichtigsten Schritte, die ein Kunde unternimmt, um ein bestimmtes Ziel zu erreichen. Es umfasst drei Hauptkomponenten: Nutzer (wer), Ziel (was) und Aufgaben (wie).
-
Prüfen Sie im Gemini-Chatbereich die generierte Agentenspezifikation, um sicherzustellen, dass sie mit dem CUJ übereinstimmt.
-
Testen Sie den Agenten im Bereich Vorschau mit Beispieldaten für eine Veranstaltung:
Hinweis: Da der Agent KI-generierte Inhalte verwendet, können die Ausgaben variieren.
- Art der Veranstaltung: „Geburtstag“
- Anzahl der Gäste: „20“
- Datum: „Nächsten Samstag“
- Thema: „Tropisch“
-
Prüfen Sie, ob der Agent eine relevante Einkaufsliste generiert, die mit der CUJ übereinstimmt.
-
Benennen Sie die Anwendung um. Klicken Sie auf das Stiftsymbol neben dem App-Namen, ändern Sie ihn in CymbalMart Shopping-Agent und klicken Sie auf Speichern.
Klicken Sie auf Fortschritt prüfen.
Überprüfen Sie den erstellten Shopping-Agenten.
Aufgabe 2: Agentenfunktionen mit Vibe Coding verbessern
In dieser Aufgabe verwenden Sie Vibe Coding, um Ihren Shopping-Agenten für die Veranstaltungsplanung mit benutzerdefinierten Funktionen und einer verbesserten Nutzerfreundlichkeit zu erweitern.
-
Sehen Sie sich den generierten Code an. Klicken Sie auf Dateien wie App.tsx auf dem Tab Code, um den Hauptanwendungscode aufzurufen und zu sehen, wie UI-Elemente aufgebaut sind.
-
Funktionen des Agenten verbessern Fügen Sie im Chatbereich von Gemini den folgenden Befehl ein, um der Agenten-UI einen Chatbot hinzuzufügen:
Füge einen Chatbot namens CymbalMart Assistant hinzu, um mit Kundinnen und Kunden zu interagieren.
Hinweis: Wenn der Agent bereits einen Chatbot enthält, füge stattdessen eine andere Funktion hinzu.
-
Klicken Sie auf Prompt senden. Beachten Sie die Änderungen am Design und Layout der Anwendung.
-
Verbessern Sie die Funktionen weiter. Geben Sie im Gemini-Bereich den folgenden Befehl ein:
Kundinnen und Kunden können die Einkaufsliste aktualisieren und die Gesamtkosten automatisch neu berechnen lassen.
Hinweis: Wenn du mit dieser Funktion zufrieden bist, kannst du eine andere hinzufügen oder diese Funktion weiter verfeinern.
-
Klicken Sie auf Prompt senden und beobachten Sie, wie der Benutzeroberfläche neue Funktionen hinzugefügt werden.
-
Testen Sie die neuen Funktionen im Bereich Vorschau.
Aufgabe 3: Agent testen und fertigstellen
Testen Sie Ihren Shopping-Agent für die Veranstaltungsplanung in verschiedenen Szenarien und nehmen Sie letzte Verbesserungen vor, um eine robuste Funktionalität zu gewährleisten.
-
Testen Sie den Agent im Bereich Vorschau mit den folgenden Szenarien:
Szenario 1 – Kindergeburtstag:
- Art der Party: „Kindergeburtstag“
- Anzahl der Gäste: „15“
- Thema: „Superheld*innen“
- Prüfen Sie, ob die Einkaufsliste altersgerechte Artikel und Mengen enthält.
Szenario 2 – Teamevent:
- Art der Veranstaltung: „Teambuilding-Event für Unternehmen“
- Anzahl der Gäste: „50“
- Thema: „Professionell“
- Prüfen Sie, ob die Liste für das Unternehmen geeignete Artikel und realistische Budgetschätzungen enthält.
Szenario 3 – Hochzeit im Freien:
- Art der Feier: „Hochzeitsfeier“
- Anzahl der Gäste: „100“
- Thema: „Garten/Outdoor“
- Prüfen Sie, ob der Agent Artikel für den Außenbereich wie Wetterschutz und Sitzgelegenheiten im Freien enthält.
-
Geben Sie im Gemini-Bereich Feedback, um den Agenten bei Bedarf zu verfeinern.
-
Nehmen Sie letzte Verbesserungen vor. Fügen Sie im Gemini-Bereich den folgenden Prompt ein, um eine Sprachsteuerungsfunktion hinzuzufügen:
Füge eine Sprachsteuerungsfunktion hinzu, mit der Kundinnen und Kunden den gesamten Prozess freihändig abschließen können.
-
Klicken Sie auf Prompt senden und gewähren Sie im Pop-up-Fenster den Zugriff auf das Mikrofon.
-
Prüfen Sie, ob der Shopping-Agenten für die Veranstaltungsplanung mit allen Erweiterungen korrekt funktioniert.
-
Klicken Sie auf Zurück zum Start und dann oben links auf das Google AI Studio-Logo, um zur Startseite zurückzukehren.
-
Klicken Sie im linken Navigationsmenü auf Erstellen.
-
Klicken Sie auf Meine Apps > Von mir erstellt, um Ihren Shopping-Agenten für die Veranstaltungsplanung mit allen Verbesserungen aufzurufen.
Optional: KI-Agent bereitstellen
So geben Sie Ihren KI-Agenten für andere frei:
1. Klicken Sie auf Veröffentlichen, um die App in Google Cloud bereitzustellen (dazu ist ein Google Cloud-Projekt erforderlich).
2. Klicken Sie auf Code und laden Sie den Quellcode herunter, um ihn auf anderen Plattformen bereitzustellen (GitHub, Hosting durch Drittanbieter usw.).
Glückwunsch!
Sie haben erfolgreich einen Shopping-Agenten für die Veranstaltungsplanung aus einem wichtigen Nutzerverhalten erstellt und verbessert. Sie haben Folgendes gelernt:
- Einen Shopping-Agenten aus einem wichtigen Nutzerverhalten (Critical User Journey, CUJ) erstellen.
- Mit Vibe Coding und Prompts in natürlicher Sprache die Funktionalität von Agenten verbessern und iterativ weiterentwickeln.
- Das Verhalten des Agenten in verschiedenen Szenarien testen und validieren.
Jetzt können Sie Ihre eigenen KI-Agenten in Google AI Studio erstellen und iterativ verbessern.
Google Cloud-Schulungen und -Zertifizierungen
In unseren Schulungen erfahren Sie alles zum optimalen Einsatz unserer Google Cloud-Technologien und können sich entsprechend zertifizieren lassen. Unsere Kurse vermitteln technische Fähigkeiten und Best Practices, damit Sie möglichst schnell mit Google Cloud loslegen und Ihr Wissen fortlaufend erweitern können. Wir bieten On-Demand-, Präsenz- und virtuelle Schulungen für Anfänger wie Fortgeschrittene an, die Sie individuell in Ihrem eigenen Zeitplan absolvieren können. Mit unseren Zertifizierungen weisen Sie nach, dass Sie Experte im Bereich Google Cloud-Technologien sind.
Anleitung zuletzt am 1. April 2026 aktualisiert
Lab zuletzt am 1. April 2026 getestet
© 2026 Google LLC. Alle Rechte vorbehalten. Google und das Google-Logo sind Marken von Google LLC. Alle anderen Unternehmens- und Produktnamen können Marken der jeweils mit ihnen verbundenen Unternehmen sein.