Tehnologie

Remotion Claude Code: cum creezi video si cat costa

Cu Remotion si Claude Code descrii un video si primesti un MP4 scris in React. Instalare skill si plugin, prima randare, licenta gratuita si cand se plateste.

Cosmin-Anton Mihoc
7 min de lectură
Remotion Claude Code: cum creezi video si cat costa

Cuprins

Indice dei contenuti (12 sezioni)

Remotion cu Claude Code te ajuta sa creezi video scriind cod React in loc sa montezi clipuri pe o timeline: descrii video-ul in cuvinte, Claude Code scrie compozitia, iar Remotion o transforma intr-un fisier MP4.

Remotion este gratuit pentru persoane fizice si pentru organizatii de pana la 3 persoane; peste acest prag ai nevoie de o licenta pentru firme, de la 25 $ pe luna pentru fiecare persoana.

Ca sa folosesti Remotion Claude Code iti trebuie Node.js, un proiect Remotion si skill-urile oficiale.

Nu este un generator video AI care inventeaza filmari realiste. Remotion deseneaza fiecare cadru ca pe o pagina web si il inregistreaza: merge pentru animatii, grafica, subtitrari, video-uri de prezentare a unui produs si clipuri pe care le regenerezi cu date noi.

Vocea, pozele si filmarile nu le creeaza: fisierele trebuie sa existe inainte de randare.

Ce este Remotion si ce face Claude Code

Remotion este un framework React pentru video. Fiecare cadru este rezultatul unei componente React care primeste numarul cadrului: la 30 de cadre pe secunda, un video de 15 secunde inseamna 450 de cadre. Animatiile sunt calcule, nu keyframe-uri mutate de mana.

Intr-un flux Remotion Claude Code, agentul scrie acest cod in locul tau. Remotion Agent Skills sunt instructiuni oficiale pe care agentul le incarca atunci cand lucreaza intr-un proiect Remotion, ca sa foloseasca API-urile corecte in loc sa ghiceasca.

Functioneaza ca orice alt skill Claude: adauga context, nu randeaza nimic.

Folosesc Claude Code cu skill-uri si cu serverul meu MCP ca sa administrez blogul. De aceea tratez un skill drept ce este: reguli incarcate in context, care imbunatatesc prima incercare, dar nu inlocuiesc verificarea rezultatului.

Cele 13 skill-uri oficiale Remotion

In noiembrie 2026 pachetul oficial contine 13 skill-uri. Cele pe care le vei folosi cel mai des:

  • /remotion-best-practices: le include pe toate, bun cand nu stii pe care sa il alegi.
  • /remotion-create: creeaza un proiect nou sau o compozitie noua.
  • /remotion-markup: reguli pentru animatii, layout, text, fonturi, audio si timing.
  • /remotion-studio si /remotion-render: deschid previzualizarea si pornesc randarea video-ului sau a unui cadru.
  • /remotion-captions: subtitrari.
  • /remotion-maps: harti animate, trasee si markere.
  • /remotion-docs si /remotion-license: cauta in documentatie si raspund la intrebari despre licenta.
  • /remotion-upgrade: actualizeaza Remotion, pachetele asociate si skill-urile instalate.

Cum instalezi Remotion in Claude Code

Ai trei variante. Toate cer Node.js 16 sau mai nou (ori Bun 1.0.3), macOS 15 sau mai nou pe Mac si, pe Linux, glibc 2.35 sau mai nou. Alpine Linux si NixOS nu sunt suportate. Daca nu ai inca agentul, incepe cu ghidul de instalare Claude Code.

1. Proiect nou cu skill-uri

  1. Creeaza proiectul: npx create-video@latest --yes --blank my-video
  2. Intra in folder: cd my-video
  3. Instaleaza skill-urile: npx remotion skills add
  4. Deschide previzualizarea: npm run dev porneste Remotion Studio in browser.
  5. Intr-un al doilea terminal, in acelasi folder, porneste claude si descrie video-ul.

2. Pluginul oficial Remotion Claude Code

Pluginul contine aceleasi skill-uri si te ajuta sa creezi si sa modifici proiecte Remotion. Din terminal:

claude plugin marketplace add remotion-dev/claude-code-plugin
claude plugin install remotion@remotion

Apoi reporneste Claude Code. In aplicatia desktop Claude il gasesti la Code, Customize, Plugins, Discover, cautand "remotion". Pentru primul video deschide o sesiune in folderul potrivit si scrie /remotion:remotion-create urmat de cererea ta.

3. Doar skill-urile, intr-un proiect existent

Daca proiectul exista deja, adaugi skill-urile cu npx skills add remotion-dev/skills sau cu gh skill install remotion-dev/skills. Instaleaza doar din repository-ul oficial remotion-dev: un skill sau un plugin facut de altii trebuie citit inainte de instalare, asa cum explic in articolul despre skill-urile Claude Code care merita instalate.

Primul video cu Remotion si Claude Code

Promptul merge mai bine cand dai cifre: dimensiuni, cadre pe secunda, durata in cadre si momentul in care intra fiecare element. Un exemplu:

Creeaza o compozitie numita Lansare, 1920x1080, 30 fps, 450 de cadre (15 secunde).
Fundal inchis. Titlul apare treptat intre cadrele 0 si 30.
Trei randuri de text urca cu un spring, incepand de la cadrele 60, 90 si 120.
Inregistreaza compozitia in Root.tsx cu durata si fps corecte.

Verifici rezultatul in Remotion Studio mutand cursorul pe cadrul care nu arata bine, ceri corecturile in cuvinte si, cand totul e in regula, pornesti randarea:

npx remotion render Lansare out/lansare.mp4

Cele mai dese greseli cu Remotion Claude Code sunt trei:

  • Video cu durata gresita: durationInFrames si fps din Root.tsx nu se potrivesc cu cifrele din componenta.
  • Totul se misca deodata: lipsesc decalajele from pe componentele Sequence, care fara indicatie pornesc de la cadrul 0.
  • Miscare rigida: o interpolare liniara fara easing. Cere un spring().

Lucrez cu React si TypeScript, iar aici asta conteaza: cand video-ul iese gresit, cea mai rapida corectura este sa citesti componenta in cadrul respectiv, nu sa rescrii promptul de la zero.

Cat costa Remotion: licenta gratuita si licenta pentru firme

Remotion este software source-available, nu open source: codul este public, dar folosirea lui urmeaza licenta Remotion. Functiile sunt aceleasi in toate planurile; se schimba doar cine trebuie sa plateasca. Preturile sunt in dolari si au fost verificate pe 11 noiembrie 2026.

  • Licenta gratuita: persoane fizice, organizatii de pana la 3 persoane in total, ONG-uri si cine inca evalueaza instrumentul. Folosirea comerciala este permisa, inclusiv cu automatizari. Un SRL cu 1 pana la 3 persoane intra aici.
  • Remotion for Creators: 25 $ pe luna pentru fiecare persoana care scrie cod Remotion, inclusiv prin agenti precum Claude Code. Este gandit pentru video-uri facute manual, in volum mic.
  • Remotion for Automators: 0,01 $ pe randare, cu un minim de 100 $ pe luna. Este pentru cine construieste fluxuri automate, editoare video, aplicatii care transforma un prompt in video sau foloseste Remotion Player.
  • Enterprise: de la 500 $ pe luna, cu conditii personalizate si suport dedicat.

Conteaza numarul total de persoane din firma, nu cine foloseste Remotion: o firma de 20 de persoane in care il foloseste un singur om are nevoie de licenta, dar cu planul Creators plateste un singur loc.

Plata se face prin Stripe si nu exista rambursari. La asta se adauga costul agentului: majoritatea agentilor de programare cer un abonament platit.

Freelanceri si agentii: cine plateste licenta

  • Livrezi doar fisierul MP4: clientul nu primeste proiectul si nu foloseste Remotion, deci se numara doar oamenii tai. Pana la 3 persoane ramai pe licenta gratuita.
  • Clientul detine sau foloseste proiectul Remotion: se aduna oamenii ambelor firme, iar pragul este de 4 persoane. Licenta revine celui care detine proprietatea asupra proiectului.
  • Lucrezi cu alti freelanceri sau studiouri pe acelasi proiect: si oamenii lor se aduna la ai tai, chiar daca lucreaza ca PFA.

Ce nu face Remotion si cand nu merita

  • Nu genereaza media: vocea, imaginile si clipurile se produc inainte, cu alte instrumente, si se pun in proiect. Pentru filmari generate cu AI vezi API-urile video AI.
  • Nu este un editor pentru filmari reale: taierea unui interviu sau corectia de culoare se fac mai bine intr-un editor clasic.
  • Nu merita pentru un video facut o singura data: avantajul apare la a doua randare, cand regenerezi acelasi video cu texte sau date noi.
  • Randarea consuma resurse: Remotion deschide un Chrome fara interfata si trimite cadrele la FFmpeg pe calculatorul tau. Video-urile lungi sau in 4K cer timp si memorie.

Randare automata si Remotion Lambda

Pentru multe video-uri sau randari programate exista Remotion Lambda, Cloud Run si Vercel, care fac randarea in cloud.

Daca ar trebui sa generez video-uri automat pentru un client, as porni de la un container Docker pe un server Hetzner, cum fac cu celelalte aplicatii pe care le administrez, si as trece in cloud doar daca timpii nu ajung.

Doua atentionari: imaginea nu poate fi bazata pe Alpine, iar o randare pornita din cod intra la automatizari, deci peste 3 persoane ai nevoie de planul Automators. Ca sa rulezi agentul izolat de restul sistemului, uita-te si la Docker Sandbox.

Citeste si

Daca ai deja un proiect Remotion sau o aplicatie scrisa cu Claude Code care nu ajunge in productie, o pot pune eu in ordine. Vezi cum lucrez cu agenti AI si cod generat cu AI, iar pentru orice altceva scrie-mi.

Distribuie acest articol
Ai întrebări? Contactează-mă

Ești gata să-ți dai viață proiectului?

Contactează-mă ca să discutăm ideea ta și să primești o ofertă gratuită.

Să începem împreună