In diesem Kurs, geleitet von Dozent Gregory John, lernen Sie, wie man Social Rabbit erstellt, eine KI-Anwendung, die umfangreiche Blogbeiträge in Social-Media-Inhalte umwandelt, die auf spezifische Plattformen und Töne zugeschnitten sind. Zum Beispiel könnten Sie einen detaillierten Artikel über den Tesla Cybertruck in einen prägnanten, inspirierenden Beitrag für x.com umwandeln.
Sie verwenden den API-Connector von Bubble, um sich mit OpenAI zu integrieren, wobei der Schwerpunkt auf dem Erstellen effektiver Prompts liegt. Dazu gehört die Generierung hochwertiger Bilder, die mit dem Bloginhalt übereinstimmen, den Sie anpassen. Darüber hinaus behandelt der Kurs die Grundlagen der Gestaltung einer nahtlosen Benutzererfahrung innerhalb von Bubble, insbesondere im Umgang mit den inhärenten Verzögerungen bei der KI-Verarbeitung mit Diensten wie OpenAI.
Egal, ob Sie Ihre Reise in der KI-Entwicklung beginnen oder Ihre Fähigkeiten verbessern möchten, dieser Kurs ist darauf ausgelegt, Ihnen das praktische Wissen zu vermitteln, um KI-gesteuerte Anwendungen effizient zu erstellen.
* * * * *
🔗 Link zum Bubble-Editor:
🔗 Loader svg:
* * * * *
Prompts
Text erstellen:
System_prompt: Sie sind ein Social-Media-Manager, dessen Aufgabe es ist, Blogbeiträge in ansprechende Social-Media-Beiträge zusammenzufassen.
User prompt: Schreiben Sie einen Beitrag, der den untenstehenden Kontext in nicht mehr als [Länge der Plattform des Beitrags] Zeichen in einem [Ton des Beitrags] Ton anreißt.
Kontext: [Quelle des Beitrags]
Der Beitrag ist:
Idee erstellen:
User_prompt: Erstellen Sie eine kurze Idee für ein Stockfoto, das gut zu dem untenstehenden Social-Beitrag passt.
Die Ideen-Vorlage (sollte eine einfache Komposition sein): Ein [Subjekt] [in Bezug auf] [einen Hintergrund]
Der Beitrag: [Ausgabe des Beitrags]
Die Idee für das Stockbild ist:
Prompt erstellen:
User_prompt: Erstellen Sie einen Prompt zur Verwendung für die Bildgenerierung für die untenstehende Idee. Verwenden Sie präzise, visuelle Beschreibungen (statt metaphorischer Konzepte).
Versuchen Sie, den Prompt kurz, aber präzise zu halten.
Prompt-Struktur:
„Ein Foto von [Subjekt], [Merkmale des Subjekts], [Beziehung zum Hintergrund] [Hintergrund]. [Details des Hintergrunds] [Interaktionen mit Farbe und Beleuchtung]. Aufgenommen mit [Details zur Kamera, Objektiv, Stil und Einstellungen].“
Die Foto-Komposition sollte einfach sein.
Die Idee: [Ergebnis der Wahl von Schritt 1 (OpenAI - Idee erstellen): Inhalt der ersten Nachricht]
Der Prompt ist:
* * * * *
Kapitel
00:00:00 - Einführung in Social Rabbit
00:02:45 - UI-Layout, Stile anpassen
00:05:46 - Diskussion zur Datenbankeinrichtung
00:07:13 - Hinzufügen von Optionssets
00:10:53 - UX während der KI-Interaktion
00:13:57 - Design-Workflow einrichten
00:19:18 - Design-Setup abschließen
00:23:36 - Dynamische Dropdown-Einrichtung
00:28:49 - Leerlauf- und Wartestatus
00:35:19 - Generierte Ergebnisse anzeigen
00:38:45 - Bildgenerierung einrichten
00:40:10 - Workflow für den ersten Beitrag
00:41:39 - Ton- und Quellen-Setup
00:45:50 - Interaktion mit Beitragsdaten
00:49:12 - Überblick über die OpenAI-API
00:50:22 - API-Schlüssel einrichten
00:51:41 - API-Aufrufe einrichten
00:52:59 - API in Bubble konfigurieren
00:54:27 - API-Sicherheitseinstellungen
01:00:18 - API-Setup bestätigen
01:01:39 - Bild-API-Konfiguration
01:03:10 - Bild-Prompt anpassen
01:04:56 - Bild-API abschließen
01:07:32 - Sicherheitseinstellungen der App
01:10:07 - API-Workflow erstellen
01:11:33 - API-Parameter einrichten
01:13:19 - API-Daten formatieren
01:14:49 - Effektive Prompts erstellen
01:17:56 - Generierte Ergebnisse speichern
01:19:32 - API-Workflow planen
01:24:18 - Bild-Workflow erstellen
01:25:47 - Bild-Prompt-Konstruktion
* * * * *
Abonnieren Sie diesen Kanal, um als Erster von neuen Videos zu erfahren!
Bubble ist eine Softwareentwicklungsplattform, die es jedem ermöglicht, Webanwendungen zu erstellen und zu starten, ohne Code schreiben zu müssen. Anstatt sich auf einen oder zwei Aspekte der Webentwicklung (wie das Entwerfen von Landing Pages oder das Erstellen von Datenbanken) zu spezialisieren, bietet Bubbls Full-Stack-Visual-Programming-Interface alles. Das bedeutet, dass jeder, von Erstunternehmern bis hin zu Unternehmen auf Unternehmensebene, eine Idee von der Konzeption zur voll funktionsfähigen, skalierbaren Realität bringen kann – schneller und günstiger, als es nur mit Code möglich wäre.
Haben Sie eine Frage? Bitte besuchen Sie bubble.io/support.
Erfahren Sie mehr über Bubble: