Video's genereren met Claude Code en Remotion

Vorige week ontdekte ik iets gaafs: je kunt Claude Code video's laten maken. Je beschrijft wat je wilt, en er rolt een volledig gerenderde video uit. Hier is hoe je dat zelf opzet.

One-time setup

Installeer de Remotion skills globaal:

npx skills add remotion-dev/skills

Dit voegt de remotion-best-practices skill toe aan je Claude Code installatie. De skill weet hoe Remotion werkt: compositions, animations, rendering, het hele circus.

Project opzetten

Maak een nieuw Remotion project aan:

mkdir remotion && cd remotion
npx create-video@latest

Volg de wizard, kies je template, klaar.

De magie

Start Claude Code in je nieuwe Remotion folder en gebruik plan mode. Ik liet Claude een directory van een bestaand project uitlezen - in mijn geval de codebase van een van mijn apps.

Claude analyseerde de structuur, begreep wat het project deed, en stelde een plan voor om er een video van te maken. Plan geaccepteerd, en toen ging ie los.

Wat ik terugkreeg: een volledig werkende video compositie. Animations, timing, het hele verhaal. Render met npm run build en je hebt een MP4.

Waarom dit werkt

Remotion is React voor video. Claude snapt React. De skill geeft Claude de Remotion-specifieke kennis: hoe je useCurrentFrame() gebruikt, hoe compositions werken, hoe je sequences timet.

De combinatie van plan mode (zodat Claude eerst begrijpt wat je wilt) en de Remotion skill (zodat ie weet hoe ie het moet bouwen) maakt dit stupidly effective.

Tips

• Gebruik plan mode - Laat Claude eerst analyseren voordat ie gaat bouwen
• Wees specifiek - "Maak een video die laat zien hoe mijn app werkt" is beter dan "maak een video"
• Iterate - Eerste versie niet perfect? Vraag om aanpassingen

Test het zelf. Het is simpeler dan je denkt.