Deine Claude Code Carousels sind schlecht (So behebst du sie)
CChase AI
Advertising/MarketingComputing/SoftwareInternet Technology
Transcript
00:00:00Claude Code ist mies bei Karussells, und das ist Ihre Schuld.
00:00:03Momentan ertrinken soziale Medien
00:00:05in minderwertigen, mit Claude Code erstellten Karussells,
00:00:08die überhaupt kein Engagement erhalten.
00:00:10Und das liegt daran, dass sie alle genau gleich aussehen
00:00:12und alle einfach nur mit reinem HTML erstellt wurden.
00:00:15Und das ist ein großes Problem, wenn Sie jemand sind,
00:00:17der versucht, KI für sein Social-Media-Marketing zu nutzen,
00:00:20denn Karussells sind heute eine der konvertierungsstärksten
00:00:23Formen von Social-Media-Content.
00:00:25Also helfe ich Ihnen in diesem Video,
00:00:27indem ich Ihnen zeige, wie Sie diesen Trend durchbrechen,
00:00:29mit einem hybriden Ansatz, der das Beste von Claude Code
00:00:32und seinen HTML-Assets mit externen Bildmodellen kombiniert,
00:00:36wie GPT Images 2 und Nano Banana Pro,
00:00:39um Karussells zu erstellen, die wirklich funktionieren.
00:00:42Wenn wir also über konvertierende Karussells sprechen,
00:00:45meine ich so etwas wie das hier.
00:00:46Das ist ein Beitrag, den ich vor etwa fünf Wochen gemacht habe,
00:00:49Hunderttausende Aufrufe.
00:00:50Wir haben etwa 18.000 Likes für diesen Beitrag erhalten,
00:00:52und er ist das perfekte Beispiel für diese Art von hybriden Ansatz,
00:00:55den ich Ihnen beibringen werde.
00:00:56Zuerst einmal, wenn wir über Karussells sprechen,
00:00:59müssen wir an das Titelbild denken.
00:01:01Das ist das Erste, was die Leute sehen werden,
00:01:03und das muss am visuell beeindruckendsten sein.
00:01:05Was Sie hier sehen, wurde mit GPT Images 2 erstellt,
00:01:08und bei diesem Titelbild werden wir uns
00:01:10auf externe Tools stützen, sei es GPT Images 2
00:01:12oder etwas wie Nano Banana Pro.
00:01:14Wenn wir dann durch den Rest des Karussells scrollen,
00:01:16bei den Inhaltsfolien oder den Mehrwert-Folien,
00:01:19ist so etwas wie HTML-Assets,
00:01:22die von Claude Code selbst erstellt wurden, vollkommen in Ordnung.
00:01:25die von Claude Code selbst erstellt wurden, sind völlig in Ordnung.
00:01:28Wir haben sie hier drin.
00:01:30Jetzt müssen wir ihnen echten Mehrwert bieten,
00:01:31und da liegt nicht so viel Gewicht darauf,
00:01:34dass es visuell atemberaubend sein muss.
00:01:35Wir müssen einfach Mehrwert bieten,
00:01:38und wir müssen das in einer Weise tun können,
00:01:40die wiederholbar ist,
00:01:41die wir immer und immer wieder
00:01:42in systematischer Weise machen können,
00:01:44in relativ kurzer Zeit.
00:01:45Das ist auch kostengünstig,
00:01:47denn denken Sie daran,
00:01:49es ist nicht kostenlos,
00:01:50diese Bilder mit so etwas wie GPT Images 2
00:01:52oder Nano Banana Pro zu erstellen.
00:01:54Ich kann das nicht für jedes einzelne Bild tun.
00:01:55Nun, ich meine, ich könnte es,
00:01:59aber es dauert einfach ewig, oder?
00:02:00Wir müssen Geschwindigkeit mit Qualität in Einklang bringen,
00:02:01und ich habe nach dem wiederholten Durchführen
00:02:04festgestellt, dass dies der beste Weg ist,
00:02:06Karussells in KI und Social Media anzugehen,
00:02:07und wir sprechen davon, dass soziale Medien
00:02:09mit diesen minderwertigen Karussells überflutet werden.
00:02:12Sie wissen, wovon ich spreche,
00:02:13vor allem, wenn Sie hier in der KI-Nische sind.
00:02:15Vier dieser sechs, die Sie hier sehen,
00:02:16wurden sehr eindeutig mit Claude Code erstellt.
00:02:18Ich muss sie Ihnen nicht einmal zeigen, oder?
00:02:19Sie haben diesen HTML-Folien-Look,
00:02:21und sie sehen sich sehr, sehr ähnlich,
00:02:23und Sie werden nur mehr und mehr davon sehen.
00:02:26Wenn Sie also möchten, dass Ihre konvertieren,
00:02:27müssen Sie sich etwas einfallen lassen, das hervorsticht.
00:02:29Und wie ich gerade schon andeutete,
00:02:31ist es ein zweistufiger Prozess.
00:02:34Der erste ist das Titelbild.
00:02:36Dort verwenden wir die KI-Bildgenerierung.
00:02:37Heute zeige ich Ihnen,
00:02:39wie man das mit dem Higgsfield CLI macht.
00:02:41Ich mag das Higgsfield CLI,
00:02:43weil es mir einen Weg bietet, auf jedes
00:02:46KI-Bildgenerierungstool zuzugreifen,
00:02:47sei es Nano Banana,
00:02:49GPT Images 2
00:02:52oder was auch immer nächste Woche rauskommt,
00:02:55und das über das Terminal zu tun.
00:02:55Und der zweite Teil sind die Inhaltsfolien
00:02:57via Claude Code unter Verwendung von HTML-Assets.
00:02:59Aber zuerst, bevor wir anfangen, irgendetwas zu bauen,
00:03:00müssen wir Inspiration finden.
00:03:04Wir müssen tatsächlich etwas Forschung betreiben,
00:03:06sehen, was bei Karussellformaten funktioniert,
00:03:07besonders außerhalb Ihrer Nische,
00:03:08damit wir eine Grundlage haben, auf der wir aufbauen können.
00:03:11Wenn Sie einfach versuchen, das alles von Grund auf neu zu machen,
00:03:13verspreche ich Ihnen, dass Sie Schwierigkeiten haben werden,
00:03:15und es wird eine Menge Zeit kosten.
00:03:17Warum fangen wir bei Null an?
00:03:18Sehen Sie einfach, was funktioniert,
00:03:20und kopieren Sie es nicht, sondern lassen Sie sich inspirieren.
00:03:21Und wo finden Sie das?
00:03:23Nun, Sie finden es in den sozialen Medien.
00:03:25Und das Einfachste, was man tun kann,
00:03:27ist einfach auf Instagram zu gehen,
00:03:29auf TikTok zu gehen,
00:03:30nach Karussell zu suchen,
00:03:31das ist alles, was ich hier oben eingebe,
00:03:32und anfangen zu scrollen
00:03:33und zu sehen, was Ihnen auf der Seite ins Auge springt.
00:03:34Was zieht Sie visuell an?
00:03:35Was finden Sie cool?
00:03:39Das ist das, was wir tun werden.
00:03:41Und wenn ich etwas sehe, das mir gefällt,
00:03:43mache ich zwei Dinge.
00:03:44Erstens klicke ich einfach darauf
00:03:45und mache einen Screenshot des Titelbilds,
00:03:48und dann mache ich dasselbe mit dem Inhalt.
00:03:50Ich schaue mir die Inhaltsfolie an,
00:03:54sehe, ob sie mir gefällt,
00:03:57und mache davon auch einen Screenshot.
00:03:59Und wenn Sie das zum ersten Mal tun,
00:04:00sollten Sie das ehrlich gesagt
00:04:02für mindestens 20 bis 30 Minuten tun.
00:04:04Und Sie müssen anfangen, eine Bibliothek
00:04:05an visueller Inspiration aufzubauen.
00:04:07Ich selbst habe einen ganzen Ordner,
00:04:10der der Karussell-Inspiration gewidmet ist,
00:04:13und das ist nicht alles KI-Zeug.
00:04:15Ehrlich gesagt sollten Sie sich Dinge
00:04:16außerhalb Ihrer Nische ansehen,
00:04:18die Sie in Ihre Nische einbringen können.
00:04:19Denn wenn ich einfach das Gleiche tue
00:04:21wie alle anderen im KI-Bereich,
00:04:22oder Sie alles tun,
00:04:24was alle anderen in Ihrem Bereich tun,
00:04:26wird es nicht herausstechen.
00:04:26Es ist also immer großartig zu sehen,
00:04:28was andere Leute tun,
00:04:30in völlig anderen Bereichen.
00:04:31Also Schritt Null: Inspiration.
00:04:32Ich möchte, dass Sie anfangen, diese Bibliothek aufzubauen.
00:04:34Und für das heutige Video
00:04:36möchte ich, dass Sie sich auf ein Bestimmtes konzentrieren,
00:04:38das Sie verwenden
00:04:39oder als Vorlage für das Karussell nehmen möchten,
00:04:41das wir heute bauen werden.
00:04:43Der nächste Schritt, Schritt eins,
00:04:44ist die Installation des Higgs Field CLI.
00:04:46Wiederum gibt Ihnen dies Zugriff
00:04:47auf all die verschiedenen Bild-
00:04:48und Videogeneratoren, die es da draußen gibt.
00:04:49Sie gehen also einfach auf HiggsField.ai,
00:04:51gehen zum MCP- und CLI-Tab,
00:04:53Gehen Sie also einfach auf HiggsField.ai,
00:04:56Es gibt auch ein MCP,
00:04:58aber ich bevorzuge das CLI.
00:04:59Und dann installieren Sie es einfach,
00:05:00indem Sie diesen Befehl verwenden.
00:05:02Dann führen Sie
00:05:03Higgs Field Auth Login aus,
00:05:04um sich tatsächlich in Ihrem Konto anzumelden.
00:05:05Und dann können Sie diese Skills auch hinzufügen.
00:05:07Also lassen Sie uns jetzt über das Erstellen dieser Karussells sprechen.
00:05:09Zuerst einmal,
00:05:12Sie möchten einen Ordner für Ihre Karussells erstellen.
00:05:15Ich nenne meinen Chase AI Carousels.
00:05:15Es ist egal, wie Sie Ihren nennen.
00:05:18Der Grund dafür ist langfristig,
00:05:19dass Sie anfangen möchten, eine Bibliothek
00:05:21Ihrer eigenen Karussells aufzubauen, die gut funktioniert haben.
00:05:24Wir haben gerade das Ganze gemacht, oder?
00:05:25Wo wir nach all diesen Dingen für Inspiration suchen.
00:05:28Nun, stellen Sie sich vor, nachdem Sie
00:05:2930, 40, 50, 60 Karussells erstellt haben,
00:05:30und Sie wissen, Sie haben etwa 10 oder 15 Vorlagen,
00:05:32die immer funktionieren.
00:05:34Nun, später Karussells zu erstellen,
00:05:36wird unendlich einfacher,
00:05:39weil Sie dann einfach Claude Code sagen können:
00:05:41Hey, mach Karussell Version 10.
00:05:43Wir machen es jetzt zu diesem Thema.
00:05:44denn dann kannst du einfach Claude Code sagen:
00:05:46Sie werden also heute hier
00:05:49anfangen, das Fundament zu bauen.
00:05:51Aber heute, da wir nichts haben,
00:05:51müssen wir mit etwas Inspiration anfangen.
00:05:53Also was wir tun werden,
00:05:54ist einen Screenshot
00:05:56der Titelseite zu machen, die wir mögen,
00:05:57und die wir selbst versuchen wollen.
00:05:59Nun, ich habe diese Titelfolie als Inspiration gefunden.
00:06:00Also das ist das, was ich verwenden werde.
00:06:03Und das Thema, über das ich sprechen werde,
00:06:04für mein Karussell, sind die Top 5
00:06:06Claude Code Plugins für Juni.
00:06:08Und mit dem Screenshot dieses Bildes
00:06:10in Claude Code
00:06:12Cloud Code-Plugins für Juni.
00:06:15Und wenn ich dann einen Screenshot
00:06:16dieses Bildes in Cloud Code einfüge,
00:06:18Verwenden Sie das Higgs Field CLI.
00:06:19Verwenden Sie dieses spezielle Bildmodell.
00:06:21Wir werden GPT Images 2 verwenden.
00:06:22die ich als Inspiration nutzen möchte.
00:06:24Verwende das Higgs Field CLI.
00:06:26Verwende dieses spezielle Bildmodell.
00:06:28Wir nutzen auch GPT Images.
00:06:29Und dann gehe ich darauf ein,
00:06:30wie es sich unterscheiden soll
00:06:32vom Originalbild.
00:06:34Ich möchte also, dass du dieses Higgs Field CLI benutzt,
00:06:36um ein Titelbild
00:06:38für mein neues Karussell zu erstellen,
00:06:40bei dem es um die
00:06:41die Top 5 Cloud Code Plugins für Juni.
00:06:45Das ist der Titel, den ich auf der Seite haben möchte.
00:06:46Top 5 Cloud Code Plugins für Juni.
00:06:48Ich möchte den Screenshot verwenden,
00:06:51den ich dir gerade als Referenzbild gegeben habe.
00:06:53Ich möchte also, dass es
00:06:54im Grunde genau dasselbe ist wie dieses Bild,
00:06:57aber die Frau,
00:07:02die sozusagen die Statue in der Mitte ist, austauschen,
00:07:03ändere sie in einen Mann.
00:07:05Damit wir es ein wenig abwechseln,
00:07:06aber alles andere beibehalten,
00:07:08was die Ästhetik angeht.
00:07:09Was ich auch geändert haben möchte,
00:07:10ist, ich möchte nicht, dass das diese
00:07:12Photoshop-Icons sind.
00:07:14Lass es einfach GitHub-Icons
00:07:17oder ein Anthropic-Icon sein.
00:07:20Ich möchte, dass du GPT Images verwendest.
00:07:22Ich möchte, dass du ein Seitenverhältnis verwendest,
00:07:24das so nah wie möglich an 4:5 liegt.
00:07:27Ich möchte, dass es von hoher Qualität ist.
00:07:28Ich möchte, dass es 2K ist.
00:07:29Und ich möchte, dass es vier Bilder erstellt.
00:07:32Und wenn sie fertig sind,
00:07:33dann zeig sie mir.
00:07:35Also fängt es jetzt an
00:07:36und beginnt es für mich zu erstellen.
00:07:37Also habe ich ihm das Referenzbild genannt.
00:07:39Ich habe ihm gesagt, wie ich es geändert haben will.
00:07:41Denn denk daran, wenn wir uns das ansehen,
00:07:42sage ich im Grunde: Ändere die Statue,
00:07:45damit sie männlich ist,
00:07:46werde die Photoshop-Icons los,
00:07:48damit es GitHub-Icons sind,
00:07:49und dann ändere den eigentlichen Text.
00:07:51Darüber hinaus habe ich ihm gesagt, welches Bildmodell
00:07:52es verwenden soll, GPT Images,
00:07:54und ihm dann einige Anweisungen gegeben,
00:07:56was die Qualität betrifft.
00:07:59Wenn du nun nicht weißt,
00:08:00welche Art von Eingaben du für ein bestimmtes
00:08:01Bildmodell machen musst,
00:08:02sagen wir, du benutzt Nano Banana Pro
00:08:04anstatt GPT Images,
00:08:05Cloud Code weiß das.
00:08:07Es hat die Fähigkeiten.
00:08:07Es hat das CLI.
00:08:08Es kann dir also sagen, was es für das Beste hält.
00:08:11Das Wichtigste ist, diesen Prompt genau richtig hinzubekommen,
00:08:14in Bezug auf das, was du ändern möchtest.
00:08:16Nun, das andere, an das du denken musst, ist,
00:08:19besonders am Anfang,
00:08:20wenn du hier gerade erst anfängst,
00:08:21wirst du das wahrscheinlich ein paar Mal machen müssen.
00:08:23Es wird uns ein Bild zurückgeben.
00:08:24Wir werden es wahrscheinlich bearbeiten müssen.
00:08:25Es ist also dieser iterative kreative Prozess.
00:08:28Es ist sehr selten, dass man das auf Anhieb schafft.
00:08:30Und deshalb machen wir das nur für die Titelseite.
00:08:33Stell dir vor, diesen Prozess
00:08:34für jede einzelne Folie,
00:08:36jedes einzelne Bild in deinem Karussell,
00:08:38das bis zu 10 Bilder sein könnten, durchzugehen.
00:08:39Das dauert einfach zu lange.
00:08:41Deshalb machen wir das nur beim Titel,
00:08:42und den Rest machen wir viel schneller über HTML.
00:08:46Hier sind also die Bilder, die dabei herauskamen.
00:08:48Erstens fehlt der eigentliche Text.
00:08:52Aber ich würde sagen, insgesamt nicht schlecht
00:08:56im Hinblick auf den allgemeinen Vibe, den wir anstreben.
00:08:58Ich mag, wie die Statue herausgekommen ist.
00:09:00Ich mag, wie die Icons herausgekommen sind.
00:09:01Wir könnten ein wenig an dem Icon mit Anthropic herumnörgeln.
00:09:05Vielleicht sieht die Creme ein wenig anders aus.
00:09:07Aber es hat irgendwie das, was wir anstreben.
00:09:09Wenn wir uns nur vorstellen können, dass der Text dort platziert wird,
00:09:11wäre ich damit glücklich.
00:09:13Wir haben sogar einige Schattierungen und solche Dinge.
00:09:14Und wenn wir es mit dem Original vergleichen,
00:09:16und ich werde mich kurz aus dem Bild ausklinken,
00:09:18ziemlich nah dran, oder?
00:09:20Man kann sehen, woher die Inspiration kam.
00:09:23Da ist ein bisschen mehr los
00:09:24beim Original, oder?
00:09:26Sie hätten noch ein Icon oben links,
00:09:27aber ich mag es.
00:09:28Ich denke, wenn wir jetzt einfach den Text hier hinzufügen,
00:09:30wäre ich vollkommen glücklich.
00:09:31Um ehrlich zu sein, bin ich mir nicht ganz sicher,
00:09:32warum der Text verschwunden ist,
00:09:34aber ein ziemlich einfacher Schritt für die Zukunft, oder?
00:09:36Und du hast hier tatsächlich zwei Optionen.
00:09:38Die erste ist, wir nehmen dieses Titelbild,
00:09:40weil mir dieses von den vier produzierten am besten gefällt.
00:09:43Wir geben es einfach zurück in Cloud Code
00:09:45und sagen: Hey, lass einfach alles gleich.
00:09:47Alles, was ich möchte, ist, dass du den Text oben hinzufügst.
00:09:51Die andere Option ist, du könntest das
00:09:52in etwas wie Canva bringen,
00:09:53wenn du etwas handfester arbeiten möchtest.
00:09:55Die Wahl liegt bei dir.
00:09:57Aber für das heutige Video
00:09:57werden wir ihm dieses Bild geben und sagen:
00:09:59Hey, füge den Text für die Top-5-Fähigkeiten
00:10:02oder die Top-5-Plugins für Cloud Code im Juni hinzu
00:10:05und hebe vielleicht einen Teil davon hervor,
00:10:07sodass es sozusagen diesen,
00:10:08Regenbogeneffekt hat, den wir bei den Augen sehen.
00:10:11Also ich mag dieses Bild, das wir erstellt haben,
00:10:13aber ich wollte den Text hinzufügen
00:10:15und ich wollte den Text
00:10:16aus dem Originalbild emulieren, das wir als Referenzbild verwendet haben.
00:10:20Denk also an den Titel:
00:10:21Der Text, den ich möchte, soll lauten:
00:10:23die Top 5 Cloud Code Plugins für Juni.
00:10:27Und ein Teil davon
00:10:29sollte sozusagen diesen Regenbogenverlauf haben,
00:10:33genau das Gleiche, was entlang
00:10:35der Augen unserer Statue verläuft, sozusagen.
00:10:38Also mach das einfach
00:10:40und erstelle auch davon vier Versionen.
00:10:41Und das ist so ziemlich das Hin und Her,
00:10:44wenn man das durchgeht.
00:10:45Man muss es nicht verkomplizieren.
00:10:46Sag einfach, was du willst.
00:10:47Frag nach mehreren Bildern.
00:10:48Es kann vier auf einmal machen.
00:10:50Tatsächlich glaube ich, es kann bis zu 16 auf einmal machen,
00:10:52aber ich habe festgestellt, vier ist ein ganz guter Mittelweg.
00:10:55Wir werden sehen, was es zurückgibt.
00:10:56Hier ist also, was wir bekommen haben, als wir es angewiesen haben, den Text hinzuzufügen.
00:10:58Wie gesagt, wir haben vier Optionen von den vier.
00:11:02Ich glaube, die hier gefällt mir am besten.
00:11:05Wenn ich mehr Zeit hätte, würde ich das wahrscheinlich noch etwas bearbeiten,
00:11:09vielleicht eine Art Schlagschatten zum Text selbst hinzufügen,
00:11:12um ihm etwas mehr Pep zu geben.
00:11:14Aber man kann ewig damit verbringen, etwas zu bekommen, das einem gefällt.
00:11:18Aber ich denke, das ist für jetzt gut genug.
00:11:20Wenn ich das sehen würde, während ich durch mein eigenes Instagram oder TikTok oder was auch immer scrolle
00:11:23und ich das als Titelbild sehen würde, würde ich anhalten.
00:11:25Wenn wir also das Titelbild fixiert haben, können wir jetzt zu den Körperfolien übergehen.
00:11:29Und denk dran, wenn wir über die Körperfolien sprechen,
00:11:31ist das einfach alles nach der Titelfolie.
00:11:35Und einige Dinge, die wir im Kopf behalten wollen, sind,
00:11:37dass wir hier nicht viel Spielraum zum Arbeiten haben.
00:11:40Also wie diese einzelne Folie, richtig?
00:11:42Wir haben ein Bild, wir haben eine Art Titel,
00:11:45und dann haben wir ein oder zwei Textzeilen, mit denen wir arbeiten können.
00:11:48Du möchtest das fast so behandeln wie eine normale Folienpräsentation mit PowerPoint.
00:11:51Wir wollen sie nicht mit Text füllen.
00:11:53Bilder sind gut.
00:11:54Wir alle lieben Bilder.
00:11:55Überlege dir einen Titel, und dann bekommst du so,
00:11:58bekommst du ein paar Sätze.
00:12:00Also, weißt du, Ökonomie des Handelns ist hier wirklich groß geschrieben.
00:12:03Aber was du dir überlegen musst, ist, okay, was werden die Bilder sein?
00:12:07Was wird der allgemeine Hintergrund sein?
00:12:08Und was wird der Text sein?
00:12:10Das Tolle hier ist, dass dies fast vollständig mit HTML gemacht wird.
00:12:14Cloud Code generiert also all das von selbst.
00:12:17Mit einer Ausnahme, das sind diese Screenshots.
00:12:20Ich habe Cloud Code also diese Screenshots gegeben, die du für viele dieser Dinge siehst.
00:12:24Nun, für einige dieser Dinge.
00:12:25Das war ein Screenshot, den ich gegeben habe, und ich sagte, pack ihn da rein.
00:12:28Das war ein Screenshot, den ich ihm gegeben habe.
00:12:30Aber es kann auch seine eigenen erstellen.
00:12:31Dieses Ding, das wie ein Terminal aussieht, Cloud Code hat all das erstellt.
00:12:35Ich habe nichts getan.
00:12:36In diesem Teil müssen wir also herausfinden, wie diese Folien aussehen sollen.
00:12:42Und dann werden wir, genau wie wir es mit der Titelfolie gemacht haben, eine Art iterativen Prozess haben.
00:12:46Aber wir können viel handfester werden.
00:12:48Denn was ich dir zeigen werde, ist, dass wir Cloud Code diese HTML-Folien für uns erstellen lassen werden.
00:12:52Aber wir werden sie in unserem Browser öffnen.
00:12:54Und wir können tatsächlich Anpassungen vornehmen.
00:12:55Wir können also reingehen, den Text ändern, Sachen herumschieben, ihm sagen, dass es Bearbeitungen vornehmen soll.
00:13:00Wir haben also noch mehr Kontrolle als bei der Titelfolie.
00:13:03Aber genau wie bei der Titelfolie können wir hier auch Inspiration nutzen.
00:13:07Nehmen wir also an, ich wollte kopieren, was ich hier gemacht habe und eines meiner eigenen.
00:13:11Oder du wolltest eines meiner eigenen kopieren.
00:13:12Was werden wir also tun?
00:13:13Wir werden einen Screenshot machen.
00:13:15Wir werden es hier einfügen.
00:13:16Und jetzt gebe ich ihm einen Prompt, etwa: Hey, lass uns jetzt irgendwie am Titel arbeiten.
00:13:20Lass uns jetzt die Körperfolien ansehen.
00:13:21Wir haben die Titelfolien fertig.
00:13:23Hier ist in etwa das, was ich im Blick habe.
00:13:24Ich möchte etwas reines HTML machen.
00:13:26Können wir es im Browser öffnen?
00:13:27Jetzt gebe ich diese Prompts einfach so roh ein.
00:13:30All diese Prompts, die ich Claude Code jetzt gebe, könnten auch Skills sein, weil wir das alles komplett kodifizieren können.
00:13:36Jetzt habe ich meine eigenen persönlichen Skills für all diese Dinge sowie Beispiele meiner ganz eigenen Karussells.
00:13:42All das bekommst du in meiner Community.
00:13:44Ich werde einen Link dazu in den angepinnten Kommentar setzen.
00:13:47Aber wenn du das alleine machst, sollte es in etwa so klingen.
00:13:50Kommen wir nun zum Body-Slide.
00:13:53Wir haben den Titel-Slide also fertig.
00:13:54Ich mag, was wir da gemacht haben.
00:13:55Und für den Body-Slide wird es HTML sein.
00:13:57Dieses Bild, das du gesehen hast, möchte ich als Inspiration verwenden.
00:14:00Ich möchte das sozusagen als Vorlage für unsere Body-Slides nutzen.
00:14:04Ich mag den Textstil.
00:14:05Ich mag den Hintergrund.
00:14:06Ich mag das alles.
00:14:07Also möchte ich die Body-Slides erstellen.
00:14:10Ich möchte, dass es HTML ist.
00:14:11Ich möchte, dass du dieses HTML im Browser aufrufen kannst.
00:14:14Und ich möchte Änderungen vornehmen können.
00:14:15Ich möchte Dinge verschieben, die Schriftgröße ändern, den Text anpassen,
00:14:19und all das über den Browser erledigen können.
00:14:21Ich muss das JSON kopieren.
00:14:23Wenn ich diese Änderungen vornehme, dann ist das eben so.
00:14:24Aber ich möchte, dass es so einfach wie möglich ist.
00:14:27Und bei den fünf Body-Slides möchte ich, dass sie sich auf die fünf Plugins für Juni beziehen.
00:14:33Also zum Beispiel, fünf Plugins, die wir machen können.
00:14:35Lass uns eines davon machen.
00:14:36Lass uns Caveman nehmen.
00:14:38Als nächstes nehmen wir das Codex-Plugin.
00:14:41Drittens, lass uns Impeccable nehmen.
00:14:43Und dann denk dir das vierte und fünfte Plugin selbst aus.
00:14:47Und zeig es mir, sobald du damit fertig bist.
00:14:49Es hat also die Slides gebaut, uns die fünf Plugins genannt,
00:14:53und dann auch diese Tweak-Loop-Sache erstellt.
00:14:55Wir schauen es uns also hier im Browser an.
00:14:58Du kannst es sehen.
00:14:59Also erinnerst du dich, was wir ihm gegeben haben?
00:15:01Wir haben ihm einen Screenshot meines hier erstellten Karussells gegeben.
00:15:05Es ist relativ ähnlich; man sieht, dass es versucht hat, das Anthropic-Logo hier hinten zu emulieren.
00:15:10Ich könnte Claude Code ganz einfach ein echtes Bild des Anthropic-Logos geben
00:15:14und es darauf basieren lassen.
00:15:16Aber wir haben hier oben diese Pille: Plugin Nummer eins, Caveman-Modus.
00:15:21Und außerdem habe ich ihm nicht gesagt, was Caveman war.
00:15:25Denk daran, es hat von sich aus recherchiert, einen Blick auf GitHub geworfen,
00:15:28und den ganzen Text für uns erstellt.
00:15:30Ich habe ihm keinen Text gegeben.
00:15:31Und es hat das für so ziemlich alles gemacht.
00:15:34Und du siehst hier unten dieses kleine Terminal-Ding, das es erstellt hat,
00:15:38relativ simpel, weil es wieder nur mit seinen eigenen HTML-Assets arbeitet.
00:15:41Ich habe ihm keine Screenshots gegeben.
00:15:43Aber die wahre Stärke liegt hier bei den Tweaks.
00:15:45Diese Idee stammt irgendwie von Claude Design, das auch eine Art Tweak-Modus hat.
00:15:50Also dachte ich: Hey, warum implementieren wir nicht etwas Ähnliches,
00:15:53was ziemlich einfach ist, wenn wir unser Karussell machen.
00:15:56Ich kann also die Überschriftengröße, die Textgröße und die Hintergrund-Deckkraft ändern.
00:16:03Und dann kann ich Dinge wirklich einfach im laufenden Betrieb ändern, oder?
00:16:10Das ist die Stärke davon, alles über HTML zu machen, anstatt alles durch einen KI-Bildgenerator jagen zu müssen.
00:16:15Und alles hier kann ich anpassen, stimmt's?
00:16:17Die Karte, wir können alles neigen.
00:16:20Wenn ich jetzt etwas ändere, wenn es dieses Tweak-Ding für dich erstellt, habe ich wieder meinen genauen Skill dafür in der School-Community.
00:16:29Aber wenn du das selbst machst, wird es wahrscheinlich sagen: Hey, wenn du diese Änderungen machst, musst du deine Tweaks exportieren.
00:16:34Es gibt also “Tweaks exportieren” unten, was einfach nur im JSON-Format ist.
00:16:38Jedes Mal, wenn wir eine Änderung vornehmen – und ich kann das bei mehreren Slides gleichzeitig machen – exportiere ich einfach die Tweaks, gehe zurück hierher,
00:16:44und füge sie direkt in Claude Code ein.
00:16:47Und dann wird es von selbst aktualisiert.
00:16:49Also sehr einfach, Dinge zu ändern.
00:16:51Was machen wir jetzt von hier aus?
00:16:54Nun, wir gehen einfach die Slides durch.
00:16:55Wir schauen, ob es unserer Vision entspricht.
00:16:57Ist es zu wortreich, nicht wortreich genug?
00:17:00Geht es um die richtigen Dinge?
00:17:01Und ich glaube, wo man das wirklich ergänzen kann, ist das Hinzufügen von Screenshots.
00:17:07Also zum Beispiel, was haben wir hier?
00:17:10Caveman-Modus.
00:17:11Ich kann also auf das Caveman-GitHub gehen.
00:17:13Und es könnte so einfach sein, wie einen Screenshot dieses Bildes zu machen, in Claude Code zu gehen,
00:17:19das Bild dort einzufügen und zu sagen: Hey, können wir dieses Bild zum Caveman-Slide hinzufügen?
00:17:26Es ist das Caveman-Bild anstelle von dem, was du erstellt hast.
00:17:30Und dann würden wir diesen Prozess immer und immer wiederholen.
00:17:33Und du siehst, es hat das Caveman-Bild hier hinzugefügt.
00:17:36Und es ist ziemlich groß.
00:17:37Also kann ich es einfach verschieben, bis ich etwas habe, das mir gefällt.
00:17:43Außerdem kannst du Claude Code auch sagen, dass es im Internet nach passenden Bildern für all diese Dinge suchen soll.
00:17:49Es ist nicht nur HTML oder Screenshots, man kann hier ziemlich kreativ werden.
00:17:53An diesem Punkt würden wir diesen Prozess einfach so lange wiederholen, bis wir etwas haben, das uns gefällt.
00:17:58Kreativität kommt oft von der Inspiration, die du gefunden hast.
00:18:02Meine war diese hier.
00:18:03Aber wie ich schon vorhin gesagt habe, als wir nach Karussells auf Instagram gesucht haben – wir haben das für das Cover-Bild gemacht.
00:18:09Du kannst dir auch all ihre Body-Slides ansehen.
00:18:11Und das war es im Grunde genommen dazu, wie man es macht.
00:18:14Damit es gut aussieht, hängt Kreativität davon ab, worüber du sprichst.
00:18:18Aber das ist der Claude Code-Teil davon.
00:18:20Das ist die Erstellungsseite davon.
00:18:21Und es ist sehr einfach.
00:18:23Und wie ich vorhin schon sagte, das machst du einfach für all deine Karussells.
00:18:27Und sie werden alle unterschiedliche Vorlagen haben.
00:18:28Wenn es also an der Zeit ist, Karussell Nummer 20 zu bauen, nachdem du das immer und immer wieder gemacht hast,
00:18:35musst du dir gar nicht mehr die ganze Mühe machen, die wir uns bisher gemacht haben,
00:18:38wie: Inspiration finden, diese Tweaks machen.
00:18:39Es ist alles schon irgendwie vorgefertigt.
00:18:41Du änderst einfach den Text.
00:18:43Durch diesen Drei-Schritte-Prozess: Inspiration finden, Cover-Bild mit externen KI-Bildmodellen erstellen,
00:18:49und drittens: Body-Slides mit HTML erstellen, erhalten wir einen nachhaltigen und wiederholbaren Prozess,
00:18:57der uns das Beste aus beiden Welten bietet.
00:18:58Wir erhalten die ganze coole Kreativität und die coolen Bilder mit den KI-Bildmodellen,
00:19:03während HTML das Rückgrat bildet, das einfach genug umzusetzen ist, damit wir das in großem Maßstab immer wieder tun können,
00:19:08ohne stundenlang täglich vor dem Computer zu sitzen.
00:19:11Mit all dem im Hinterkopf lasse ich dich heute hier zurück.
00:19:14Ich hoffe, das beleuchtet ein wenig, wie man Karussells erstellt, die meiner Meinung nach ein Stück besser sind als das, was man sonst so sieht.
00:19:20Tappe nicht in die “Ach, alles was du brauchst, ist dieser eine Skill in Claude Code”-Falle.
00:19:25Wir können ein bisschen mehr.
00:19:26Und es ist wirklich nicht viel mehr Arbeit.
00:19:29Du musst nur ein Fundament aufbauen.
00:19:31Lass mich wie immer wissen, was du denkst.
00:19:34Schau unbedingt bei Chase AI Plus vorbei, wenn du Zugang zu meiner Claude Code-Masterclass
00:19:38sowie zu all meinen Skills und Beispielen meiner Karussells haben möchtest.
00:19:41Das findest du im angepinnten Kommentar.
00:19:43Abgesehen davon, wir sehen uns.
Community Posts
No posts yet. Be the first to write about this video!
Write about this video