Remotion in OpenAI Codex: Promptgestuurde Motion Graphics

De render was klaar om 23:42 op een dinsdag. Ik sleepte het H.264-bestand uit de out/-map, dropte het in een Twitter-bericht en staarde even naar het scherm. Vierendertig seconden motion graphics. Logo-intro. Geanimeerde stralen die Claude Code verbonden met mijn agentstack. Drie scèneovergangen met kinetische typografie. Een afsluitende logo-wegvlieganimatie met een door Suno gegenereerde funktrack eronder op 75% volume.

Totale tijd van "ik wil deze video maken" tot "ik plaats deze video": 34 minuten.

Ik heb After Effects al drie weken niet geopend. Niet omdat ik een betere motion designer ben dan een maand geleden — ik ben objectief slechter. Mijn spiergeheugen voor de AE-tijdlijn is aan het wegroesten. Maar ik heb in april vier video's opgeleverd die elk een heel weekend hadden gekost in mijn oude werkwijze. En ik heb ze allemaal gemaakt in de OpenAI Codex super-app, pratend met GPT-5.4, terwijl de Remotion-plugin het zware werk deed.

Dit is het bericht dat ik wilde dat iemand had geschreven voordat ik een middag besteedde aan het op de verkeerde manier uitzoeken. Niet de marketingversie waarin alles soepel verloopt. De echte versie, met de prompts die werkten, de prompts die faalden, en het moment dat ik bijna opgaf en terugkeerde naar After Effects.

De Werkwijze Die Me Deed Stoppen Met Video's Handmatig Bewerken

Hier is de korte versie van wat er feitelijk gebeurt als je Remotion Codex motion graphics samen gebruikt: Remotion is een React-framework om video's te maken met code. Je schrijft JSX-componenten, definieert een compositie, en Remotion rendert het naar MP4. Het bestaat al jaren. Jonny Burger heeft het gebouwd. Het stuk dat begin 2026 veranderde was de Codex-plugin — een verpakt pakket vaardigheden dat de OpenAI Codex-agent laadt, zodat wanneer je "maak een logo-intro met een stralenanimatie tussen twee PNG's" intypt in de Codex-chat, GPT-5.4 daadwerkelijk weet wat een <Sequence> is, wat interpolate() doet, en hoe je een Composition opzet zonder dat je ooit de code aanraakt.

De Remotion Codex-plugin werd uitgebracht op de officiële remotion-dev/codex-plugin repo rond hetzelfde moment dat OpenAI Codex-plugins aankondigde (26 maart 2026). De Codex-agent draait standaard op GPT-5.4 — het eerste OpenAI-model met ingebouwd native computergebruik en een contextvenster van 1M tokens, wat meer uitmaakt dan het klinkt wanneer je videoproject begint op te stapelen met componentbestanden.

Je installeert de plugin eenmalig in Codex. Je maakt een projectmap aan. Je start een chat. Je beschrijft de video. Codex schrijft de Remotion-code. Remotion serveert een live preview op http://localhost:3000. Je bekijkt de video die in realtime rendert terwijl je itereert via prompts — "laat de straal twee keer pulseren", "vertraag het tweede logo met 12 frames", "de spatiëring van de titel klopt niet, maak het strakker." Als je klaar bent, voer je npx remotion render uit en er komt een H.264-bestand uit.

Dat is de hele werkwijze. Geen keyframe-paneel. Geen grafiekeditor. Geen geneste precomps. Geen afvragen waarom je tekstlaag opeens weer achter de achtergrond zit.

Het addertje onder het gras — en ik kom later bij het eerlijke addertje — is dat dit alleen werkt omdat GPT-5.4 oprecht goed is geworden in het schrijven van Remotion-code. Twee jaar geleden was dit een ramp geweest van kapotte imports en verzonnen API's. Vandaag is het goed genoeg dat ik het vertrouw met een video van 30 seconden. Nog niet goed genoeg om het te vertrouwen met een documentaire van 5 minuten. We komen terug op waar de grens ligt.

Waarom Ik Dit Überhaupt Probeerde (Of: Het Claude Code Marketingverhaal Dat Niemand Verifieert)

Ik wil eerlijk zijn over waarom ik dit in eerste instantie begon te testen, want de aanleiding was een verhaal dat rondgaat op X en dat ik niet volledig kan verifiëren.

De bewering, herhaald in ruwweg veertig verschillende threads, is dat het marketingteam van Anthropic's Claude Code hun dagelijkse video-output bouwde met Remotion-plus-een-AI-agent en iets van 300 miljoen cumulatieve views in een maand verzamelde. Ik heb de screenshots gezien. Ik heb de engagementcijfers gezien. Wat ik niet kan doen is je verwijzen naar een gepubliceerde Anthropic-casestudy die de werkwijze exact zoals beschreven bevestigt. Ik heb het geprobeerd.

Wat ik wel met eigen ogen kan verifiëren: het Claude Code-marketingkanaal levert korte motion graphics-video's op een cadans die geen enkel traditioneel videoteam waarmee ik heb gewerkt zou kunnen evenaren. Drie tot vijf per dag, soms meer. De visuele taal is consistent — dezelfde easing-curves, dezelfde achtergondgradiëntfamilie, dezelfde logobeweging. Dat soort consistentie komt uit een van twee bronnen. Of een senior motion designer maakt alles als template in After Effects (mogelijk), of er is een codegebaseerde pipeline waarin de templates React-componenten zijn die worden hergebruikt (veel waarschijnlijker).

Dat was genoeg om me nieuwsgierig te maken. Als je mijn experimenten met de Claude Code videobewerkingsworkflow hebt gevolgd, weet je dat ik al bijna een jaar een "lever de video op dezelfde dag dat ik het idee heb"-pipeline najaag. Ik probeerde HeyGen plus ElevenLabs in het AI-videoproductiepipeline-bericht en kwam dichtbij, maar het was avatargestuurd, geen motion graphics. Ik probeerde Claude Code met Remotion direct en dat werkte — Claude Code is hier oprecht goed in — maar ik wilde de Codex-kant eerlijk testen omdat ik twee abonnementen heb en liever niet.

Dus: een echte test, met een echte lanceringsvideo, met prompts die ik opnieuw zou gebruiken.

Het Project Dat Ik Als Testbed Gebruikte

Ik had een echte video nodig, geen tutorialdemo. De lanceringsvideo die ik koos was voor een klein intern hulpmiddel dat ik bouwde — een persoonlijk AI-assistentproject dat ik draai, genaamd OpenClaw. Ik had nodig:

• Ongeveer 30 seconden, klaar voor een Twitter-bericht
• Een geanimeerde logo-intro
• Twee tekstscènes met de waardepropositie
• Een "stack reveal" — kleine icoonkaarten voor de tools die het project gebruikt, met geanimeerde verbindingsstralen
• Een afsluitende CTA-scène
• Achtergrondmuziek
• H.264-export, verticaalvriendelijk maar landschap als prioriteit

In After Effects zou dit vier tot zes uur geconcentreerd werk zijn geweest, meer als ik precies wilde zijn met easing. Ik budgetteerde 90 minuten voor de Codex-test en dacht dat als ik daardoorheen zou gaan, ik een ander bericht zou schrijven. Ik had de eerste bruikbare versie klaar in 41 minuten. De volgende 30 minuten waren polijstwerk, muziek, en de tweede render nadat ik een typfout ontdekte. We komen bij alles.

Maar voordat je überhaupt begint, heb je een projectmap nodig waarmee de Remotion-plugin daadwerkelijk kan werken. Die setup is belangrijker dan zou moeten.

Setup: De Codex-Plugin en het Remotion-Project

Hier is de volgorde die ik heb doorlopen, exact. Sla niets over.

Stap 1: Installeer de Remotion-plugin in Codex. In de Codex super-app opende ik de pluginmarktplaats, zocht naar Remotion, en installeerde de officiële remotion-dev/codex-plugin. Je kunt dit ook vanuit de Codex CLI doen als je daar leeft. De plugin registreert een set vaardigheden die de GPT-5.4-agent gebruikt — compositiescaffolding, de officiële Remotion docs MCP, renderconfiguratie. Na het installeren herstart je het Codex-chatoppervlak zodat het de nieuwe vaardigheden oppikt.

Stap 2: Maak de projectmap aan. Ik maakte een map aan op ~/projects/openclaw-launch-video/ en opende een nieuwe Codex-chat gericht op die map. De projectorganisatie van Codex is hier belangrijk — elke video krijgt zijn eigen map, elke map krijgt zijn eigen chat. Twee video's mengen in één chat is hoe je eindigt met de agent die componenten uit je vorige project hernoemt in je huidige project. Vraag me hoe ik dat weet.

Stap 3: Bootstrap het Remotion-project. Mijn eerste prompt aan Codex:

"Initialiseer een nieuw Remotion-project in deze map met de nieuwste versie. Stel de compositie in op 1920x1080, 30fps, en voeg een enkele 'HelloWorld'-compositie toe die een gekleurde cirkel laat op- en neerschalen zodat ik de live preview kan bevestigen. Start dan de devserver."

Codex voerde npm create video@latest uit, koos het lege TypeScript-template, scaffolde de map, en draaide npm run dev. Binnen ongeveer 90 seconden had ik http://localhost:3000 open in mijn browser met een pulserende cirkel. Hello World bevestigd. Live preview bevestigd. Dev-loop bevestigd.

De localhost-preview is de onbezongen held van deze hele werkwijze. Elke wijziging die Codex aanbrengt in de code, herlaadt de browser automatisch. Je ziet de video in realtime updaten terwijl je prompts geeft. Dit is de loop die Remotion-in-Codex meer laat aanvoelen als regisseren dan als coderen.

Stap 4: Drop je assets erin. Ik maakte een assets/-map en dropte het OpenClaw-logo erin als PNG (1024x1024, transparante achtergrond), de iconen voor de stacktools als SVG's, en een music/-submap met een door Suno gegenereerde funkloop die ik eerder die dag had geëxporteerd. Toen vertelde ik Codex:

"Ik heb assets toegevoegd. Het logo staat op assets/openclaw-logo.png. Stack-iconen zijn SVG's in assets/stack/. Achtergrondmuziek staat op music/slow-funk-lift.mp3. Gebruik deze in de komende composities, importeer nooit andere versies."

Die laatste regel — "importeer nooit andere versies" — is een gewoonte die ik heb opgebouwd. GPT-5.4 verzint soms paden die niet bestaan als je vaag bent. Wees specifiek over je assetpaden en vertel het niet af te dwalen.

Als je nog geen npm install hebt gedraaid, doe het nu. De volgende fase werkt alleen als de devmodus actief is.

De Eerste Echte Compositie: Logo-Intro Met Een Geanimeerde Straal

Hier begint de werkwijze de eerste keer als magie te voelen, en hier wil ik vertragen omdat de prompts die ik gebruikte niet voor de hand liggen totdat je ze één keer hebt gebruikt.

Mijn prompt voor de logo-intro:

"Maak een nieuwe compositie genaamd LogoIntro die loopt van frame 0 tot frame 90 (3 seconden bij 30fps). Het OpenClaw-logo komt binnen van links bij frame 10, schalend van 0.6 naar 1.0 met een spring-easing. Bij frame 30 begint een horizontale lichtstraal te tekenen vanuit het midden van het logo naar de rechterrand van het scherm, en bereikt volle breedte bij frame 60. De straal is een 4px lijn met een zachte wit-naar-cyaan-gradiënt en een subtiele gloed. Van frame 60 tot 90 pulseert de straal eenmaal en vervaagt dan. Achtergrond is een donker marineblauw verloop (#0F172A naar #1E293B). Gebruik Remotion's spring en interpolate helpers. Bewaar de code in src/compositions/LogoIntro.tsx en registreer het in de root."

Wat Codex deed: maakte LogoIntro.tsx aan, importeerde spring, interpolate, useCurrentFrame en useVideoConfig uit remotion, schreef een correct geframed AbsoluteFill met het verloop, animeerde de logo-entree met een springconfiguratie, en bouwde de straal als een SVG-lijn met een linearGradient-definitie en een CSS box-shadow voor de gloed. Registreerde het in Root.tsx. Hot-reloaded de localhost-preview.

Keek naar de preview. De straal was er, maar schoot voorbij de rechterrand van het scherm in plaats van bij de schermgrens te stoppen. De logo-entree was scherper dan ik had verwacht.

Tweede prompt:

"De straal schiet voorbij de rechterrand. Beperk het eindpunt van de straal tot de schermbreedte. Maak ook de spring-entree op het logo 15% langzamer — het voelt te abrupt."

Codex paste de damping-waarde in de springconfiguratie aan, beperkte het straaleindpunt tot width - 80, en herlaadde. Beter. Opgeleverd.

Dit is het ritme. Je geeft een prompt. Je kijkt. Je corrigeert in gewoon Nederlands. Je denkt niet na over framenummers of keyframe-interpolatiecurves — je denkt na over hoe de video moet aanvoelen, en de agent vertaalt dat naar de spring mass- en stiffness-waarden die je anders met de hand zou afstemmen.

Er is één moment uit precies deze sessie waar ik steeds aan terugdenk. Ik was halverwege de tweede prompt en betrapte mezelf erop dat ik "maak de spring minder stuitelig" schreef in plaats van "verlaag de spring-dempingscoëfficiënt." Zes maanden geleden had dat gevoeld als slordige communicatie. Nu is het de hele interface. De agent begreep wat ik bedoelde. Het koos de juiste parameter. Die kleine verschuiving — van technische instructie naar creatieve regie — is het eigenlijke product hier. De Remotion-plugin en GPT-5.4 zijn slechts de bedrading.

Het Bouwen van de Stack Reveal-Scène (Het Deel Dat Me Bijna Brak)

De stack reveal was de moeilijkste scène en degene waarvan ik wil dat je ervan leert, want hier worden de grenzen van de werkwijze zichtbaar.

Het idee: vier kleine icoonkaarten (Claude-logo, Codex-logo, n8n-logo, Supabase-logo) verschijnen achtereenvolgens, met geanimeerde lichtstralen die ertussen tekenen in een grafpatroon. Kaart één verbindt met kaart twee via een straal, kaart twee splitst stralen naar kaarten drie en vier. De hele sequentie loopt van frame 0 tot frame 120 (4 seconden bij 30fps).

Mijn eerste prompt was te vaag. Ik zei:

"Maak een stack reveal-scène met vier icoonkaarten die binnenkomen met stralen die ze verbinden in een grafpatroon."

Wat ik terugkreeg waren vier icoonkaarten verticaal gestapeld met rechte horizontale stralen. Niet wat ik wilde. Niet wat ik had beschreven, maar ook niet onredelijk gezien hoe ik het had beschreven.

Dus herschreef ik de prompt met werkelijke coördinaten:

"Maak een StackReveal-compositie. Lay-out vier icoonkaarten in een 2x2 raster gecentreerd op het scherm. Kaart 1 (Claude) op positie (640, 360). Kaart 2 (Codex) op (1280, 360). Kaart 3 (n8n) op (640, 720). Kaart 4 (Supabase) op (1280, 720). Elke kaart is 200x200, donkergrijze achtergrond met afgeronde hoeken, het SVG-icoon gecentreerd. Kaarten faden in met een vertraging van 6 frames, startend bij frame 10. Nadat alle kaarten zichtbaar zijn (rond frame 40), teken geanimeerde stralen: van Kaart 1 naar Kaart 2 (horizontaal), dan van Kaart 2 splitsend naar beneden naar Kaart 3 en Kaart 4 tegelijkertijd. Stralen gebruiken dezelfde gradiënt als de LogoIntro. Elke straal heeft 15 frames nodig om te tekenen. Eindig met een korte puls van alle stralen bij frame 110."

Dat werkte bij de eerste hot-reload. Les: als de agent verkeerd raadt, geef het coördinaten. Stop met abstract zijn.

Toen probeerde ik het verder te pushen:

"Voeg een subtiele Lissajous-curve achtergrondanimatie toe achter de kaarten. Langzaam, laag contrast, alleen om de scène wat leven te geven."

Dit is waar ik de grens leerde kennen. Codex genereerde een LissajousBackground-component dat wiskundig correct was — echte parametrische vergelijkingen, useCurrentFrame die de fase aandreef — maar visueel leek het op spaghetti. Te snel, te hoog contrast, te afleidend van de kaarten.

Ik ging vier keer heen en weer voordat ik iets bruikbaars had:

1. "Maak de Lissajous langzamer — verlaag de frequentie."
2. "Verlaag de dekking naar 0.15."
3. "Gebruik slechts één curve, niet drie overlappende."
4. "Kleur het met dezelfde cyaan als de stralen, niet wit."

Na de vierde iteratie was het eindelijk subtiel genoeg om als achtergrond te werken. Totale tijd aan het Lissajous-experiment: 11 minuten. In After Effects was dit 30 seconden geweest met een preset. In Codex was het vier prompts en een moment van twijfel.

Dit is het eerlijke deel van deze werkwijze. Sommige dingen zijn dramatisch sneller. Sommige dingen zijn langzamer. De wiskundegestuurde achtergronden die 30 seconden kosten in AE kosten een paar prompts in Codex. De karakteranimaties die 90 minuten kosten in AE kosten 15 minuten in Codex. De ruil is echt en je moet het verwachten. Als je mijn vibe coding-experimenten hebt gevolgd, zal dit vertrouwd aanvoelen — dezelfde ruil, ander medium.

De Frame-Level Bewerkingstruc Die Alles Veranderde

Dit is de techniek die ik wil dat je meeneemt uit dit bericht, zelfs als je al het andere vergeet.

Je kunt een screenshot maken van de localhost-preview op een specifiek frame, het in de Codex-chat slepen, het annoteren (of gewoon dingen aanwijzen in de prompt), en Codex zal het screenshot lezen en precies begrijpen welk element je bedoelt.

Ik deed dit voor de titeltekst in scène drie. De tekst "AI-powered video motion graphics" animeerde prima binnen, maar de spatiëring tussen de "f" en "i" in "video" zag er scheef uit. Ik maakte een screenshot van de preview op frame 247, dropte het in de chat, en schreef:

"Kijk naar dit frame. De spatiëring tussen de 'f' en 'i' in 'video' is te krap. Maak het iets losser. Ook staat het woord 'graphics' ongeveer 4px te laag op de basislijn."

Codex parsete het screenshot, identificeerde het Text-component dat die scène renderde, voegde een letterSpacing-aanpassing toe voor het betreffende tekenpaar, en verhoogde de basislijn van het tweede woord. Eén prompt, twee chirurgische fixes, beide correct bij eerste hot-reload.

Frame-level referenties werken op dezelfde manier. In plaats van "het stuk waar de straal pulseert" te zeggen, zou ik "frame 4:17" of "rond frame 127" zeggen en Codex zou precies dat frame in de tijdlijn targeten. Gecombineerd met screenshots is het het dichtstbijzijnde dat ik heb gebruikt bij een daadwerkelijk gesprek over video-edits met iemand die niet kan zien wat ik zie.

Dit is wat je opgeeft als je terugkaat naar After Effects: niet de tijdlijn (de tijdlijn is prima), maar het vermogen om een probleem in menselijke taal te beschrijven en de tool te laten begrijpen over welke pixel op welk frame je het hebt.

Muziek Toevoegen: Suno + 75% Volume + Eén Renderquirk

Muziek was de laatste 5 minuten van de bouw.

Ik genereerde eerder die dag een instrumentaal van 35 seconden op Suno — een track genaamd "Slow Funk Lift" die het juiste tempo had en niet vocht met de beelden. Opgeslagen als MP3. Gedropt in music/ in de projectmap. Toen promptte ik Codex:

"Voeg het audiobestand op music/slow-funk-lift.mp3 toe als soundtrack voor de hele video. Volume op 75%. Fade in over de eerste 30 frames, fade out over de laatste 30 frames. Zorg ervoor dat de audiolengte gelijk is aan of langer is dan de totale videolengte."

Codex voegde een <Audio>-component toe in de rootcompositie met de volume-prop ingesteld op 0.75, gebruikte interpolate om het volume op en neer te sturen over de fade-frames, en bevestigde dat het audiobestand langer was dan de totale videoruntime van 35 seconden.

Eén quirk die ik je bespaar: toen ik de eerste keer renderde, ontbrak de audio volledig in het uitvoerbestand. Oorzaak: de devserver-preview speelt audio prima af, maar het rendercommando heeft expliciet --codec h264 nodig wanneer je ook audio bundelt, anders laat de standaard codecselectie soms stilzwijgend de audiotrack vallen. Het toevoegen van --codec h264 aan het rendercommando loste het op.

Dit is het soort bug dat je niets kost zodra je ervan weet, en je 20 minuten "waarom is er geen geluid" kost de eerste keer. Nu weet je het.

De Laatste Render: H.264, Twitter, Klaar

Laatste rendercommando:

npx remotion render src/index.ts MainComposition out/openclaw-launch.mp4 --codec h264

Rendertijd op mijn MacBook M-serie: ongeveer 3 minuten voor 35 seconden afgewerkte video. Uitvoerbestand: 14,8 MB H.264 MP4. Twitter accepteerde het zonder hercodering. Geplaatst. Naar bed gegaan.

Drie dagen later had het engagementcijfers opgeleverd die ik niet had voorspeld. Niet de cijfers van het Anthropic-marketingteam — ik ben één persoon met een idee, geen merkmachine — maar genoeg om de volgende vier video's in te plannen voor de rest van de week.

Waar Deze Werkwijze Eigenlijk Goed Voor Is (En Waarvoor Niet)

Ik wil eerlijk zijn over waar dit staat.

Deze werkwijze is uitstekend voor:

• Social media-dropvideo's (Twitter, LinkedIn, IG Reels van 30 seconden of minder)
• Productlanceringsvideo's waarbij de visuele taal logo-eerst en tekstzwaar is
• Dagelijkse of bijna-dagelijkse content waarbij snelheid boven perfectie gaat
• Template-gebaseerde motion graphics waarbij je hetzelfde soort video twintig keer gaat maken met andere tekst
• Indie-makers, soloondernemers en kleine teams zonder een motion designer
• Iedereen die al comfortabel is met code en de AE-leercurve helemaal wil overslaan

Deze werkwijze is nog niet goed genoeg voor:

• Handgetekende karakteranimatie of alles dat frame-voor-frame illustratie vereist
• Zware compositing met green screen, rotoscoping of complexe tracking
• VFX-werk voor film, uitzending, of alles dat een kleurcorrectie van een colorist moet overleven
• Langdurige documentairemontages waarbij de menselijke montagebesluiten het hele punt zijn
• Alles waarbij een senior motion designer naar de keyframegrafiek gaat kijken en een enkele bézierkromme moet aanpassen

Dat laatste punt is het punt dat After Effects-loyalisten blijven aanvoeren, en ze hebben gelijk. AE geeft je chirurgische controle over elk keyframe, elke easing-curve, elke laagmengmodus. Remotion-in-Codex geeft je snelheid en consistentie. Ze concurreren niet om dezelfde taak.

Een werkende motion designer zal AE open houden. Een soloondernemer die op een dinsdagavond een lanceringsvideo oplevert, zal in Codex zitten.

Eerlijke Vergelijking: Codex vs Claude Code voor Deze Werkwijze

Aangezien ik beide abonnementen heb en ik deze werkwijze nu aan beide kanten heb uitgevoerd, hier de eerlijke vergelijking.

Claude Code met Remotion (de werkwijze die ik documenteerde in het eerdere bericht) is uitstekend. De Anthropic-agent is vloeiend in React, de Remotion-vaardigheden werken schoon, en de iteratieloop is soepel. Als je al in Claude Code zit voor al het andere, is er geen dringende reden om over te stappen.

Codex met de Remotion-plugin en GPT-5.4 is ook uitstekend. De plugin is goed gebouwd. GPT-5.4 begrijpt Remotion diepgaand, inclusief enkele van de lastigere onderdelen rond <Sequence>-compositie en audiobundeling. Het contextvenster van 1M tokens betekent dat een groot project met veel composities coherent blijft over een lange chatsessie.

De verschillen die ik opmerkte in daadwerkelijk gebruik:

• GPT-5.4 was iets agressiever in het genereren van wiskundegebaseerde componenten (Lissajous, parametrische curves, deeltjessystemen) bij een eerste prompt. Soms was dat geweldig. Soms genereerde het meer complexiteit dan ik vroeg.
• Claude was iets conservatiever over bestandsstructuur, wat standaard schonere mappen betekende, maar ook dat ik expliciet om meer bestanden moest vragen.
• Beide gingen goed om met op screenshots gebaseerde feedback. Dit is nu basisvereiste voor elke agent die visueel werk doet.
• De pluginmarktplaats van Codex maakt de Remotion-installatie een één-klik-aangelegenheid. De vaardigheden van Claude Code vereisen iets meer setup.

Als je een dagelijkse videopipeline bouwt, zou ik kiezen voor welke agent al dieper in je werkstroom zit. Stap niet over met je hele abonnementenstack alleen hiervoor. De agent doet er minder toe dan de Remotion-plugin en het React-first denkmodel.

Als je helemaal nieuw bent bij beide en vers kiest, geeft de pluginmarktplaats van Codex je een iets sneller pad van nul naar eerste render. Dat is het enige voordeel dat ik doorslaggevend zou noemen.

Veelgestelde Vragen

Moet ik React kennen om de Remotion Codex-plugin te gebruiken?

Nee, maar het helpt. De Codex-agent schrijft de React-code voor je, dus je kunt video's beschrijven in het Nederlands en nooit een componentbestand aanraken. React kennen maakt debuggen sneller wanneer een animatie er niet goed uitziet — je kunt lezen wat de agent heeft geschreven en om een specifieke fix vragen in plaats van het visuele probleem helemaal opnieuw te beschrijven.

Hoe lang duurt een typische motion graphics-video van 30 seconden met deze werkwijze?

Voor een template-gebaseerde video met logo, tekstscènes en basisovergangen: 30 tot 45 minuten van een lege map tot een gerenderd H.264-bestand, inclusief muziek. Voor een meer aangepaste video met handmatig afgestemde timing en meerdere iteraties: 60 tot 90 minuten. Beide zijn dramatisch sneller dan dezelfde video in After Effects vanaf een niet-getemplated begin.

Is Remotion gratis voor commercieel gebruik?

Remotion is gratis voor individuen en bedrijven met drie of minder werknemers. Bedrijven met vier of meer werknemers hebben een commerciële licentie nodig. De prijzen staan op de officiële Remotion-site. De Codex-plugin zelf is gratis; de kosten zijn je Codex-abonnement en de Remotion-licentielaag waarin je valt.

Kan ik andere formaten exporteren dan H.264 MP4?

Ja. Remotion ondersteunt H.265, ProRes, VP8, VP9 en framesequenties (PNG, JPEG). Voor Twitter, LinkedIn en de meeste sociale platforms is H.264 MP4 de veilige standaard. Voor hogere kwaliteit archivering of verdere bewerking in een ander hulpmiddel is ProRes de betere keuze.

Wat gebeurt er als Codex kapotte Remotion-code genereert?

Dat zal soms gebeuren — meestal rond obscure API-functies of wanneer je vage prompts geeft over complexe animaties. De oplossing is om ofwel specifiekere coördinaten en framenummers te geven, of de foutmelding terug te plakken in de chat en Codex te vragen om te debuggen. De officiële Remotion docs MCP die met de plugin is meegeleverd geeft de agent actuele API-referenties, wat in mijn ervaring het aantal verzonnen functieaanroepen drastisch heeft verminderd.

Laten We Samenwerken

Op zoek naar het bouwen van AI-systemen, het automatiseren van workflows, of het opschalen van je tech-infrastructuur? Ik help je graag.

• Fiverr (maatwerk builds & integraties): fiverr.com/s/EgxYmWD
• Portfolio: mejba.me
• Ramlit Limited (enterprise-oplossingen): ramlit.com
• ColorPark (design & branding): colorpark.io
• xCyberSecurity (beveiligingsdiensten): xcybersecurity.io