00:00:00Schauen Sie sich dieses Erklärvideo an, das wir erstellt haben.
00:00:02Mars, der rote Planet – eine Welt, die die Menschheit seit Jahrhunderten fasziniert.
00:00:08Er ist der vierte Planet von der Sonne aus und liegt in unserem Sonnensystem direkt hinter der Erde.
00:00:14Dies wurde nicht in After Effects bearbeitet.
00:00:16Wir haben keine Keyframes angerührt und nichts von Hand animiert.
00:00:21Claude hat den neuen Remotion Agent Skill genutzt, um das Video für uns zu erstellen und zu rendern.
00:00:26Bewegung, Timing, alles – komplett nur durch Prompting erstellt.
00:00:30Aber zuerst: Claude Skills.
00:00:33Wenn Sie die KI-Entwicklung verfolgt haben, wissen Sie, dass Claude Skills gerade das Trendthema schlechthin sind.
00:00:38Jeder spricht darüber, aber hier ist, was sie eigentlich sind:
00:00:43Bedienungsanleitungen, die Claude beibringen, wie man spezifische Tools und Workflows beherrscht.
00:00:49Es sind spezialisierte Wissenspakete, die Claude von einem allgemeinen Assistenten
00:00:54in einen Experten für Bereiche wie Videoproduktion, Datenanalyse oder Automatisierung verwandeln.
00:01:00Kombiniert man diese Skills mit Claude Code und Anthropics Coding-Tool,
00:01:05schaltet man etwas Mächtiges frei.
00:01:07Und nun zu Remotion.
00:01:09Es ist ein Framework, mit dem man Videos mithilfe von React-Code erstellen kann,
00:01:13derselben Technologie, die moderne Websites antreibt.
00:01:15Aber hier liegt das Problem.
00:01:16Remotion ist unglaublich leistungsstark, aber auch komplex.
00:01:20Man muss React, Animationsbibliotheken, Timing-Funktionen und Video-Rendering verstehen.
00:01:26Es ist ein Entwickler-Tool, das für die meisten Menschen bisher unerreichbar war.
00:01:30Deshalb ist dieser Remotion Agent Skill ein echter Gamechanger.
00:01:33Er verleiht Claude tiefgreifendes Wissen über das gesamte Remotion-Framework,
00:01:37etwa wie man Kompositionen strukturiert, Animationen choreografiert,
00:01:41das Timing verwaltet, Assets handhabt – einfach alles.
00:01:45Anstatt dass Claude beim Videocode nur rät, versteht die KI das Framework jetzt
00:01:50wie ein erfahrener Remotion-Entwickler.
00:01:53Es ist dasselbe Setup, das Entwickler bereits nutzen, um Videos automatisch zu generieren.
00:01:58Und am Ende dieses Videos
00:02:00werden Sie in der Lage sein, professionelle Motion Graphics allein durch Prompts zu steuern.
00:02:04Fangen wir also an.
00:02:05Zuerst müssen wir den Remotion Claude Skill installieren.
00:02:08Dazu geben wir diesen Befehl hier ein.
00:02:11Sie finden diesen Befehl auf der Remotion-Website.
00:02:14Wir wählen alle diese Modelle in der Liste aus, indem wir die Leertaste und dann Enter drücken.
00:02:19Sobald der Claude Skill im Projekt installiert ist,
00:02:22öffnen wir das Claude Code Terminal und weisen ihn an, ein neues Remotion-Projekt zu starten.
00:02:28Warten wir kurz, bis die Einrichtung abgeschlossen ist.
00:02:30Das Projekt und das Template sind nun fertig eingerichtet.
00:02:38Folgen Sie einfach diesen Anweisungen, um das Remotion Studio zu starten.
00:02:42Schauen wir uns mal an, wie es aussieht. Super.
00:02:45So sieht Remotion aus.
00:02:46Es ist wie eine Videobearbeitungs-App, aber man programmiert jede Szene.
00:02:51Da das Projekt nun installiert ist und Sie wissen, wie Remotion aussieht,
00:02:56starten wir mit der Entwicklung.
00:02:59Unser Entwicklungsprozess besteht aus neun Phasen.
00:03:02Die Phasen 1 bis 3 etablieren die Systeme, in denen Claude arbeitet.
00:03:07In den Phasen 4 bis 7 werden die Assets erstellt und nutzbare Komponenten definiert.
00:03:13Die Phasen 8 und 9 bilden die Ausführung.
00:03:16Damit können wir loslegen.
00:03:19Zuerst natürlich Phase 1.
00:03:21Jetzt, wo wir alles installiert haben,
00:03:25öffnen wir diesen Build-Guide, den wir speziell für dieses Video erstellt haben.
00:03:29Dieser Guide dient zwar der Entwicklung dieses speziellen Videos,
00:03:35aber Sie können ihn auch für andere Videos umfunktionieren,
00:03:39sobald Sie verstehen, wie diese Prompts funktionieren.
00:03:42Wenn Sie eine Kopie dieses Prompts möchten,
00:03:44besuchen Sie unsere kostenlose Community, wo wir solche Guides hochladen.
00:03:48Damit auch Sie mit KI bauen können.
00:03:51Kopieren wir den Prompt für Phase 1 und fügen ihn in Claude Code ein.
00:03:56Dann drücken wir Enter.
00:03:57Dieser Prompt schafft das technische Fundament,
00:04:02dem Claude während der gesamten Entwicklung folgen muss.
00:04:06Man kann es sich als Regeln und Muster vorstellen, an die er sich halten soll.
00:04:09Das ist sehr wichtig, denn die meisten Projekte scheitern
00:04:13nicht an mangelnder visueller Vorstellungskraft der Beteiligten,
00:04:16하지만 AI에게 구체적인 규칙이 주어지지 않았기 때문에 결국 제멋대로 행동하게 됩니다.
00:04:23Sobald Phase 1 abgeschlossen ist, sieht es so aus.
00:04:27Es wurde eine Markdown-Datei für die Entwicklung erstellt.
00:04:31Claude hat das Fundament gelegt.
00:04:34Wir können nun zur nächsten Phase übergehen, Phase 2.
00:04:37Jetzt legen wir die Art Direction und das visuelle System für dieses Video fest.
00:04:42Dies ist ein extrem wichtiger Schritt im Workflow.
00:04:46Bisher haben wir die Umgebung eingerichtet und sichergestellt, dass Claude Remotion versteht.
00:04:52Hier sagen wir Claude, wie er visuell denken soll, bevor er echten Code schreibt.
00:05:00Öffnen Sie also wieder den Build-Guide.
00:05:03Dort finden Sie den Abschnitt "Phase 2".
00:05:05Kopieren Sie den gesamten Prompt exakt so, wie er dort steht.
00:05:10Wechseln Sie dann zurück zu Claude Code in Ihrem Terminal.
00:05:15Fügen Sie den Prompt ein und drücken Sie Enter.
00:05:17Lassen Sie Claude nun einen Moment arbeiten.
00:05:21Ich möchte hier kurz innehalten und erklären, warum dieser Prompt so wichtig ist.
00:05:25Hier machen viele den Fehler, zu schnell vorzugehen oder alles zu stark kontrollieren zu wollen.
00:05:30Dieser Prompt fordert Claude noch nicht dazu auf, das fertige Video zu bauen.
00:05:35Er etabliert stattdessen ein systemisches Denken.
00:05:39Wir definieren die Regeln der Welt, auf der Claude aufbauen wird.
00:05:43Betrachten Sie es als kreative Richtung, nicht als bloße Anweisungen.
00:05:46Wir vermitteln Claude Dinge wie den Grundton, visuelle Einschränkungen,
00:05:52wie sich Bewegungen anfühlen sollen und wie Designentscheidungen getroffen werden, wenn etwas nicht explizit definiert ist.
00:06:00Das ist entscheidend, denn wir werden niemals jeden einzelnen Pixel dieses Videos beschreiben, oder?
00:06:07Das wäre unmöglich.
00:06:08Gleichzeitig wollen wir nicht, dass Claude wahllos rät oder Muster erfindet, die gar nicht zu unserem Stil passen.
00:06:15Dieser Prompt ermöglicht Kontrolle ohne Mikromanagement.
00:06:19Er gibt Claude einen Rahmen, innerhalb dessen er agieren kann.
00:06:22Anstatt zu raten, was "clean" oder "modern" bedeutet, hat er nun eine gemeinsame Definition mit uns.
00:06:29Anstatt zu halluzinieren, verfügt er nun sowohl über die technische Kompetenz
00:06:33als auch über die kreativen Leitplanken, um korrekt zu arbeiten.
00:06:36Drücken wir also Enter und warten wir, bis Claude den Prompt verarbeitet hat.
00:06:39Sobald Claude fertig ist, sehen Sie hier, dass er eine Datei für die Art Direction erstellt hat,
00:06:44die festlegt, wie er zukünftige Entscheidungen begründen und ausführen soll.
00:06:48Wenn wir zur eigentlichen Entwicklung kommen, scheuen Sie sich nicht vor Korrekturschleifen.
00:06:55Ihr Projekt soll genau die Art Direction haben, die Sie sich vorstellen.
00:06:58Sie müssen Claude also eventuell bitten, Dinge zu ändern oder zu ergänzen.
00:07:02Und damit haben wir die nächste Phase des Workflows freigeschaltet.
00:07:07Wir haben jetzt eine gemeinsame visuelle Sprache zwischen Ihnen und der KI.
00:07:12Claude weiß nun, wie er über dieses Video denken muss, bevor er die erste Komposition oder Sequenz schreibt.
00:07:18Und das ist ein riesiger Fortschritt.
00:07:19Zu diesem Zeitpunkt haben wir die Art Direction und die visuelle Kontrolle erfolgreich etabliert.
00:07:24Wir haben das Video noch nicht gebaut,
00:07:26aber wir haben das Fundament gelegt, das den eigentlichen Build vorhersehbar und professionell macht.
00:07:31Nachdem die Art Direction feststeht, müssen wir als Nächstes die Geschichte des Videos entwerfen.
00:07:37Dieser Schritt vervollständigt das benötigte System.
00:07:40Wir gehen weg von der Frage, wie sich das Video anfühlen soll, hin zu dem, was tatsächlich Moment für Moment passiert.
00:07:47Das Ziel dabei ist ganz einfach:
00:07:49Szenen, Ablauf und Timing definieren,
00:07:52damit das Video Sinn ergibt, bevor wir irgendetwas animieren.
00:07:56Gehen wir also zurück zum Build-Guide und suchen den Prompt für Phase 3.
00:08:02Wir kopieren den gesamten Text.
00:08:03Sobald Sie ihn haben, wechseln Sie wieder zu Claude Code.
00:08:08Fügen Sie den Prompt ein und drücken Sie Enter.
00:08:10Jetzt warten wir, bis Claude ihn verarbeitet hat.
00:08:13Claude nutzt nun die zuvor definierte Art Direction, um eine Timeline zu erstellen.
00:08:18Er entscheidet, wie viele Szenen wir brauchen, wofür jede Szene zuständig ist
00:08:23und wie lange jeder Moment auf dem Bildschirm zu sehen sein soll.
00:08:27Das ermöglicht es uns, ein 10- oder 60-sekündiges Video zu erstellen,
00:08:32das sich gewollt anfühlt, statt gehetzt oder zufällig.
00:08:36Sobald Claude fertig ist, sehen Sie eine Aufschlüsselung des Videos in Szenen.
00:08:40Jede Szene hat eine klare Aufgabe.
00:08:43Meist gibt es einen Aufhänger am Anfang, einen Hauptteil, unterstützende Momente und einen Abschluss.
00:08:52Das ist im Grunde ein Storyboard, nur eben in Textform.
00:08:56Es ist wie ein Storyboard, das statt mit Bildern mit Text arbeitet.
00:09:02An diesem Punkt können Sie Claude bitten, Details anzupassen.
00:09:05Wenn eine Szene nicht zu Ihrer Vision passt, sagen Sie es ihm einfach.
00:09:10Wenn Sie Abschnitte umstellen oder einen komplett entfernen wollen, ist jetzt der richtige Zeitpunkt.
00:09:15Das ist ein weiterer Punkt, an dem viele hängen bleiben.
00:09:17Sie denken, sie müssten das erste Ergebnis so akzeptieren.
00:09:20Das müssen Sie aber gar nicht.
00:09:21Betrachten Sie es als gemeinsamen Entwurf.
00:09:25Und das war's auch schon.
00:09:27In diesem Fall sieht die Struktur solide aus, oder?
00:09:30Das Pacing stimmt, die Szenen gehen logisch ineinander über und es passt zur angestrebten Länge.
00:09:37Anstatt weiter zu iterieren, geben wir Claude nun das Startsignal.
00:09:41Sagen Sie Claude einfach, er soll weitermachen
00:09:45und die Storyboard-Datei basierend auf dieser Struktur erstellen.
00:09:48Sobald Sie das tun, generiert Claude eine dedizierte Datei,
00:09:52die die gesamte Timeline des Videos repräsentiert.
00:09:55Diese Datei wird zur alleinigen Referenz für das, was wir bauen werden.
00:10:00Und so haben wir nun die Geschichte des Videos festgeschrieben.
00:10:04Wir wissen, was wann passiert und warum.
00:10:08Noch ist nichts animiert, aber die schwierigsten kreativen Entscheidungen sind bereits getroffen.
00:10:13Nachdem das Storyboard fertig ist, gehen wir zu Phase 4 über:
00:10:18Die Definition unseres Asset-Inventars.
00:10:20Das ist einer dieser Schritte, die sich anfangs optional anfühlen mögen,
00:10:24die aber entscheidend sind, wenn man saubere und konsistente Ergebnisse will.
00:10:28Das Ziel hier ist simpel: Festlegen, welche Assets existieren
00:10:33und wie sie aussehen sollen, bevor wir versuchen, sie zu erstellen, zu animieren oder zu platzieren.
00:10:38Dieser Schritt ist entscheidend, da er Designentscheidungen von der Szenenlogik trennt.
00:10:44Diese Trennung verhindert, dass später Dinge kaputtgehen.
00:10:48Und hier ist der Grund dafür:
00:10:50Wenn Sie Claude bitten, ein Asset zu entwerfen, dessen Aussehen festzulegen
00:10:54und gleichzeitig zu entscheiden, wo es in einer Szene platziert werden soll –
00:10:59dann packen Sie zu viele Entscheidungen in einen Schritt, und genau dort scheitert es.
00:11:04Man erhält inkonsistente und schlechte Ergebnisse.
00:11:07Gehen wir also wieder zum Build-Guide und kopieren den Prompt für Phase 4.
00:11:11Wenn Sie ihn haben, fügen Sie ihn im Claude-Terminal ein und drücken Sie Enter.
00:11:17Nun warten wir, bis Claude ihn verarbeitet hat.
00:11:19Währenddessen erkläre ich, was dieser Prompt im Hintergrund macht.
00:11:24Er erstellt noch keine Grafiken.
00:11:25Er definiert Designparameter für jedes Asset, das wir brauchen werden.
00:11:29Dinge wie die Objekte, Farbnutzung und so weiter.
00:11:33Ein häufiger Fehler ist es, diesen Schritt zu überspringen und jede Szene ihre eigenen Assets erfinden zu lassen.
00:11:39So entstehen Videos, in denen jede Szene leblos wirkt und das Ganze nicht wie aus einem Guss erscheint.
00:11:45Sobald Claude fertig ist, erstellt er eine übersichtlich gestaltete Inventardatei für die Assets.
00:11:53Jedes Asset hat einen Namen und definierte Parameter.
00:11:57An diesem Punkt müssen Sie meist nicht viel ändern, außer es fehlt etwas oder ist offensichtlich überflüssig.
00:12:04Wenn Sie doch etwas hinzufügen oder ändern möchten, bitten Sie Claude einfach darum.
00:12:10Und so haben wir nun eine vollständige Liste der Assets und ein Designsystem, das sie steuert.
00:12:17Das bedeutet: Wenn Claude anfängt, die Remotion-Komponenten zu generieren,
00:12:22muss er nicht raten, wie die Dinge aussehen sollen.
00:12:25Er zieht diese Informationen direkt aus diesem Inventar.
00:12:28Da die Asset-Spezifikationen nun stehen, können wir zu Phase 5 übergehen,
00:12:33der eigentlichen Generierung der Assets.
00:12:36Wir produzieren nun die konkreten Teile, die im gesamten Video verwendet werden.
00:12:42Bisher haben wir bewusst verschiedene Zuständigkeiten getrennt.
00:12:48Zuerst das System, dann die Art Direction, das Storyboard und zuletzt die Asset-Spezifikationen.
00:12:56Dieser Schritt verwandelt nun diese Definitionen in tatsächliche, nutzbare Assets,
00:13:04was Claude Code ermöglicht, mit sehr klaren Anweisungen und Kontext zu entwickeln.
00:13:10Deshalb funktioniert das so zuverlässig.
00:13:13Gehen wir es also durch.
00:13:15Holen wir uns wieder den Prompt für Phase 5 aus dem Build-Guide und fügen ihn im Claude-Terminal ein.
00:13:20Bevor wir Enter drücken, noch ein wichtiger Hinweis:
00:13:23Bei größeren Projekten mit vielen Assets aus verschiedenen Kategorien
00:13:29ist es ratsam, diese schrittweise nach Kategorien zu generieren.
00:13:33Damit meine ich, dem Prompt eine Regel hinzuzufügen, die Claude anweist,
00:13:37immer nur eine Asset-Kategorie auf einmal zu erstellen.
00:13:40Das verringert das Risiko von KI-Halluzinationen und stellt sicher,
00:13:45dass Claude den Stil über alle Assets hinweg beibehält.
00:13:49In unserem Fall hat das Video kein riesiges Asset-Inventar.
00:13:53Wir können also alles in einem Rutsch generieren.
00:13:57Denkt einfach daran: Je größer eure Projekte werden, desto wichtiger wird das Batching.
00:14:03Okay, dieser Teil dauert normalerweise eine Weile, habt also etwas Geduld.
00:14:08Sobald der Vorgang abgeschlossen ist, scannt kurz die Ausgabe, ob alle benötigten Assets vorhanden sind.
00:14:15Normalerweise findet ihr alles im SRC-Ordner.
00:14:20Und schon haben wir einen kompletten Satz generierter Assets, die einsatzbereit sind.
00:14:25Das sind jetzt keine abstrakten Ideen mehr.
00:14:28Es sind echte Bausteine, die in verschiedenen Szenen wiederverwendet werden können,
00:14:32was dem Video die gewünschte Konsistenz verleiht.
00:14:36Nachdem unsere Assets fertig sind, besteht der nächste Schritt darin, sie in Bewegung zu setzen.
00:14:41Das ist Phase 6. Das Ziel hierbei ist es zu definieren, wie sich jedes unserer Assets verhält.
00:14:47Noch nicht die finalen Szenen, sondern nur die Bewegungs-Bausteine, die überall verwendet werden.
00:14:53Man kann sie sich als Bewegungs-Primitive vorstellen.
00:14:56Im Grunde erschaffen wir eine gemeinsame Bewegungssprache für das gesamte Video.
00:15:01Kopiert also im Build-Guide den Prompt für Phase 6 und fügt ihn im Claude-Terminal ein.
00:15:07Hier ist nun ein wichtiger Einstellungswechsel nötig.
00:15:10Wir müssen hier nicht extrem technisch werden.
00:15:13Wir listen nicht jeden Keyframe auf und beschreiben auch nicht jede Animation im Detail.
00:15:18Und der Grund, warum wir das lassen können, ist die Vorarbeit, die wir geleistet haben.
00:15:23In den ersten Phasen dieses Projekts haben wir festgelegt, wie Claude "denken" soll.
00:15:28Wir haben Entwicklungsregeln, Muster, visuelle Prinzipien und das Storytelling definiert,
00:15:33ebenso wie Design-Einschränkungen mithilfe all dieser Markdown-Dateien.
00:15:37Das gibt Claude ein tiefes Verständnis für den Stil, das Tempo und den Ton, den wir anstreben.
00:15:44An diesem Punkt können wir darauf vertrauen, dass Claude das Projekt als Ganzes bewertet
00:15:48und sinnvolle Bewegungsmuster vorschlägt.
00:15:50Sobald der Prompt eingefügt ist, können wir die Eingabetaste drücken.
00:15:55Claude beginnt mit der Analyse der Assets und generiert die Bewegungs-Primitive.
00:15:58Ein häufiger Fehler an dieser Stelle ist der Versuch einer Überkontrolle.
00:16:02Wenn ihr versucht, die Bewegung in diesem Stadium mikrozumanagen,
00:16:05endet das damit, dass ihr szenenspezifische Bewegungen fest in euer System einbaut.
00:16:10Und das erschwert die spätere Wiederverwendung.
00:16:13Stattdessen streben wir flexible, universelle
00:16:17Bewegungsmuster an, die sich im gesamten Video konsistent anfühlen.
00:16:21Das bedeutet nicht, dass Claude alles sofort perfekt macht.
00:16:25Das ist völlig okay.
00:16:26Unser Job ist es nicht, schon im ersten Durchgang eine makellose Animation zu erwarten, oder?
00:16:31Unser Ziel ist es, eine solide Basis zu erhalten.
00:16:34Wir werden später definitiv zurückkommen und spezifische Momente polieren, wenn wir die Szenenausgabe sehen.
00:16:39Nach einer kurzen Bearbeitungszeit ist Claude fertig.
00:16:42Und schon haben wir einen Satz an Bewegungs-Primitiven für das Projekt definiert.
00:16:47Diese sind wiederverwendbar, konsistent und auf das visuelle
00:16:52und erzählerische System abgestimmt, das wir zuvor etabliert haben.
00:16:54Das ist ein riesiger Meilenstein.
00:16:57Wir haben nun die Assets und die dazugehörige Bewegung.
00:17:00Wir sind ganz nah dran, all das in ein echtes Video zu verwandeln.
00:17:04Kommen wir nun zu den Phasen 7 und 8.
00:17:06In diesen Phasen fügen wir im Grunde alles zusammen.
00:17:09Einige Dinge, die dieser Prompt von Claude verlangt,
00:17:12wurden wahrscheinlich schon in den frühen Phasen mitberücksichtigt.
00:17:17Trotzdem ist es wichtig, sie auszuführen, um notwendige Komponenten zu erstellen
00:17:22und sicherzustellen, dass keine Lücken entstehen.
00:17:25Führt sie also einfach im Claude-Terminal aus
00:17:28und bittet Claude dabei, Dinge zu überspringen, die bereits erledigt sind.
00:17:31Alles klar, nachdem das erledigt ist,
00:17:34haben wir endlich grünes Licht, um die Szenen zu bauen und das Video zusammenzusetzen.
00:17:40Das ist Phase 9.
00:17:42Ehrlich gesagt ist das der einfachste Teil des gesamten Workflows,
00:17:46da die ganze anstrengende Denkarbeit bereits für uns erledigt wurde, okay?
00:17:50Bleiben wir also dran.
00:17:51An diesem Punkt rät Claude nicht mehr nur.
00:17:54Er arbeitet innerhalb eines Systems, das wir sorgfältig aufgebaut haben.
00:17:57Unser Ziel hier ist ganz simpel:
00:17:59Den Code für jede einzelne Szene generieren.
00:18:02Das Ergebnis überprüfen.
00:18:05Und dann alles zu einem einzigen, polierten finalen Video zusammenfügen.
00:18:10Kopiert zuerst den Phase-9-Prompt aus dem Build-Guide,
00:18:13fügt ihn im Claude-Terminal ein und drückt die Eingabetaste.
00:18:17Dieser Prompt weist Claude an,
00:18:21mit dem Bau der eigentlichen Animationsszenen zu beginnen,
00:18:23wobei alles genutzt wird, was wir bisher erstellt haben.
00:18:26Die Art Direction, das Storyboard, die Assets
00:18:29und die Bewegungs-Primitive kommen hier alle zusammen.
00:18:32Idealerweise – besonders bei größeren Projekten –
00:18:35möchtet ihr die Szenen nacheinander generieren.
00:18:38Und genau deshalb haben wir den Prompt so gestaltet.
00:18:41Obwohl es sich nur um ein Video von einer Minute und 30 Sekunden handelt,
00:18:45wird euch das Erlernen dieser Best Practice später viel Ärger ersparen.
00:18:49Wenn Szenen einzeln generiert werden,
00:18:52ist es viel einfacher, Fehler zu finden, zu iterieren
00:18:55und gezielte Änderungen vorzunehmen, ohne das gesamte Video zu beschädigen.
00:18:59Sobald Szene 1 fertig ist, machen wir weiter und generieren die restlichen Szenen.
00:19:04Wenn das erledigt ist, wollen wir uns ansehen, was wir gebaut haben.
00:19:08Ihr könnt Claude bitten, das Remotion Studio für euch zu starten,
00:19:10und er wird euch die URL geben.
00:19:12Oder ihr führt einfach "npm start" im Terminal aus.
00:19:16Jetzt sind wir im Remotion Studio. Gehen wir auf Wiedergabe.
00:19:21Man sieht sofort, dass die Art Direction
00:19:24und der visuelle Stil über jede einzelne Szene hinweg konsistent sind.
00:19:28Das ist ein sehr gutes Zeichen.
00:19:29Wenn sich das Video noch etwas flach anfühlt, ist das völlig normal.
00:19:34Bisher haben wir nur die Szenen erstellt; wir haben das Video
00:19:38noch nicht vollends zusammengebaut oder die Übergänge poliert.
00:19:42Von hier aus gehen wir zurück zu Claude Code,
00:19:45sprechen die beobachteten Probleme an und sagen Claude genau, was verbessert werden soll.
00:19:50Wie zum Beispiel die exakten Parameter, wie sich die Szenen bewegen sollen.
00:19:56Das exakte Problem, das wir hier verwenden, ist nicht so wichtig.
00:19:58Euer Ergebnis könnte in jedem Abschnitt anders aussehen als meines.
00:20:04Der genaue genutzte Prompt ist hier zweitrangig.
00:20:07Eure Ausgabe wird sich wahrscheinlich von Abschnitt zu Abschnitt von meiner unterscheiden.
00:20:10Und das ist auch gut so, denn hier fangt ihr an,
00:20:14die Fähigkeit zu entwickeln, eure eigene Arbeit zu polieren und Fehler zu beheben.
00:20:17Ihr folgt nicht mehr nur Prompts.
00:20:20Ihr trefft nun die finalen Entscheidungen.
00:20:22Danach prüfen wir das Video erneut.
00:20:25Und plötzlich fühlt sich alles stimmiger an.
00:20:28Die Bewegungen sind sauberer, die Übergänge besser,
00:20:31und das Video wirkt endlich gewollt und nicht mehr mechanisch.
00:20:35Alles klar, aber wir hören hier noch nicht auf.
00:20:37Die letzte Ebene sind Voiceover und Hintergrundmusik.
00:20:41Dafür nutzen wir das ElevenLabs SDK.
00:20:44Diesen Teil halten wir kurz.
00:20:46Geht einfach zur ElevenLabs-Dokumentation.
00:20:49Sucht euch den passenden Befehl für euer Setup heraus.
00:20:52Da wir Node.js verwenden, nehmen wir diesen Befehl.
00:20:56Bittet Claude dann, den Befehl auszuführen und die ElevenLabs-Integration für Voiceover und Musik einzurichten.
00:21:03Claude erstellt eine ENV-Datei für euch, in die ihr euren ElevenLabs-API-Key einfügen könnt.
00:21:09Danach könnt ihr Claude bitten, ein Voiceover-Skript zu generieren,
00:21:13das zu dem von euch erstellten Video passt.
00:21:16Sobald das alles verkabelt und fertig ist, schauen wir uns das Ergebnis noch einmal an.
00:21:20Mars, der rote Planet – eine Welt, die die Menschheit seit Jahrhunderten fasziniert.
00:21:27Er ist der vierte Planet von der Sonne aus, direkt hinter der Erde in unserem Sonnensystem.
00:21:31An seinem nächsten Punkt ist der Mars 225 Millionen Kilometer von der Erde entfernt.
00:21:37Das ist eine siebenmonatige Reise mit einem Raumschiff.
00:21:41Packt etwas Geduld ein.
00:21:42Der Mars ist etwa halb so groß wie die Erde – eine kleinere Welt, aber nicht weniger faszinierend.
00:21:48Ein Tag auf dem Mars ist fast so lang wie auf der Erde: 24 Stunden und 37 Minuten.
00:21:54Aber ein Jahr? Das dauert 687 Erdentage, also fast zwei unserer Jahre.
00:22:01Die Atmosphäre ist hauchdünn, nur 1 % der Erdatmosphäre.
00:22:05Einen Raumanzug braucht man definitiv.
00:22:07Warum ist er so rot?
00:22:09Eisenoxid – also Rost – bedeckt die Oberfläche und verleiht dem Mars seine typische Farbe.
00:22:15Der Mars beherbergt den Olympus Mons, den größten Vulkan im Sonnensystem,
00:22:19dreimal so hoch wie der Mount Everest.
00:22:21Und es gibt Wasser, gefroren an den Polen und möglicherweise im Untergrund versteckt,
00:22:27der Schlüssel für künftige Erkundungen.
00:22:29Wir haben bereits fünf Rover zur Erkundung geschickt: Sojourner, Spirit, Opportunity, Curiosity und Perseverance.
00:22:37Eines Tages werden Menschen ihren Fuß auf den Mars setzen,
00:22:40Habitate bauen, Flaggen hissen und ihn unsere zweite Heimat nennen.
00:22:45Der Mars wartet!
00:22:46So sieht nun unser Mars-Erklärvideo aus.
00:22:51Ein fertig gebautes, poliertes, sauberes und professionelles Erklärvideo.
00:22:56Entstanden aus einem System, nicht aus bloßem Raten.
00:22:59Das Storytelling wirkt gut, die Optik ist klasse und jeder Übergang...
00:23:05Das Storytelling wirkt gut, die Optik ist klasse und jeder Übergang läuft wirklich flüssig.
00:23:12Alles klar, treten wir kurz einen Schritt zurück und schauen uns an, was wir gerade gemacht haben.
00:23:16Wir sind von einem leeren Ordner zu einem komplett gerenderten, professionellen Video gelangt.
00:23:22Kein After Effects, keine Timeline, keine Keyframes.
00:23:26Wir haben Claude Code, Remotion und Agent Skills als ein einziges System genutzt.
00:23:32Wir haben das Ergebnis gesteuert, anstatt jedes Teil manuell zu bauen.
00:23:38Das ist ein echtes Asset, das ihr posten, versenden und in euren Workflow integrieren könnt.
00:23:44Und das ist die wichtigere Erkenntnis hierbei.
00:23:47Die Macht liegt nicht nur darin, dass KI schneller ist, sondern dass diese Tools zusammenarbeiten.
00:23:52Wenn Claude Code Remotion versteht und Skills das richtige Wissen zur rechten Zeit einbringen,
00:23:59arbeitet ihr nicht mehr wie ein Einzelkämpfer, sondern wie ein kleines Team.
00:24:05Das ist der Wechsel von der bloßen Nutzung der KI hin zum echten Bauen mit KI.
00:24:09Ab hier erstellt ihr nicht nur Videos, ihr baut visuelle Systeme.
00:24:14Ihr könnt die Stimmung anpassen, Daten austauschen, neue Versionen generieren und veröffentlichen, ohne auf jemanden warten zu müssen.
00:24:21Das ersetzt nicht die Kreativität, es verstärkt sie sogar.
00:24:26Sobald ihr diesen Workflow beherrscht, könnt ihr ihn für Produktdemos,
00:24:30Social Clips, Kundenaufträge oder was auch immer ihr umsetzen wollt, anwenden.
00:24:34Wenn ihr noch tiefer eintauchen wollt, ist das genau das, was wir in der AnyNoCode Premium-Community tun.
00:24:40Wir analysieren praxisnahe Workflows wie diesen und zeigen euch, wie ihr mit KI Geld verdient.
00:24:46Dabei lernt ihr an der Seite von professionellen Gründern und Buildern.
00:24:50Außerdem bekommt ihr dort unseren KI-Webdesign-Kurs, damit ihr Dinge noch schneller umsetzen könnt.
00:24:54Wenn euch dieses Video gefallen hat, lasst bitte ein Like da und abonniert den Kanal
00:24:58für weitere Tutorials dieser Art in der Zukunft.
00:25:01Wir sehen uns beim nächsten Mal!