Remotion Claude Code: come creare video e quanto costa

Remotion con Claude Code serve a creare video scrivendo codice React invece di montare clip su una timeline: descrivi il video a parole, Claude Code scrive la composizione e Remotion la trasforma in un file MP4.

Remotion è gratis per i singoli e per le organizzazioni fino a 3 persone; oltre serve una licenza aziendale, da 25 $ al mese per persona.

Per usare Remotion Claude Code bastano Node.js, un progetto Remotion e le Agent Skills ufficiali.

Non è un generatore di video AI che inventa riprese realistiche. Remotion disegna ogni fotogramma come una pagina web e lo registra: è adatto ad animazioni, grafiche, sottotitoli, video di prodotto e clip da rigenerare con dati nuovi.

Voce, foto e filmati non li crea: quei file devono esistere prima del render.

Cos'è Remotion e cosa fa Claude Code

Remotion è un framework React per i video. Ogni fotogramma è il risultato di un componente React che riceve il numero del fotogramma: a 30 fotogrammi al secondo, un video di 15 secondi sono 450 fotogrammi. Le animazioni sono calcoli, non keyframe spostati a mano.

In un flusso Remotion Claude Code è l'agente a scrivere quel codice al posto tuo. Le Remotion Agent Skills sono istruzioni ufficiali che l'agente carica quando lavora su un progetto Remotion, così usa le API giuste invece di indovinare.

Funzionano come ogni altra skill di Claude: aggiungono contesto, non sono un motore di rendering.

Uso Claude Code con le skill e con il mio server MCP per gestire questo blog. Per questo tratto una skill per quello che è: regole caricate nel contesto, che migliorano il primo tentativo ma non sostituiscono il controllo del risultato.

Le 13 skill ufficiali di Remotion

A novembre 2026 il pacchetto ufficiale contiene 13 skill. Quelle che userai di più:

• /remotion-best-practices: le comprende tutte, da usare quando non sai quale scegliere.
• /remotion-create: crea un nuovo progetto o una nuova composizione.
• /remotion-markup: regole per animazioni, layout, testi, font, audio e tempi.
• /remotion-studio e /remotion-render: aprono l'anteprima e lanciano il render del video o di un fotogramma.
• /remotion-captions: sottotitoli e didascalie.
• /remotion-maps: mappe animate, percorsi e marker.
• /remotion-docs e /remotion-license: cercano nella documentazione e rispondono sulla licenza.
• /remotion-upgrade: aggiorna Remotion, i pacchetti collegati e le skill installate.

Come installare Remotion in Claude Code

Ci sono tre strade. Tutte richiedono Node.js 16 o successivo (oppure Bun 1.0.3), macOS 15 o successivo sul Mac e, su Linux, glibc 2.35 o successiva. Alpine Linux e NixOS non sono supportati. Se non hai ancora l'agente, parti dalla guida per installare Claude Code.

1. Progetto nuovo con le skill

1. Crea il progetto: npx create-video@latest --yes --blank my-video
2. Entra nella cartella: cd my-video
3. Installa le skill: npx remotion skills add
4. Apri l'anteprima: npm run dev avvia Remotion Studio nel browser.
5. In un secondo terminale, nella stessa cartella, avvia claude e descrivi il video.

2. Il plugin ufficiale Remotion Claude Code

Il plugin contiene le stesse skill e aiuta a creare e modificare progetti Remotion. Da terminale:

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

Poi riavvia Claude Code. Nell'app desktop di Claude lo trovi in Code, Customize, Plugins, Discover, cercando "remotion". Per il primo video apri una sessione nella cartella giusta e scrivi /remotion:remotion-create seguito dalla tua richiesta.

3. Solo le skill, in un progetto esistente

Se il progetto c'è già, aggiungi le skill con npx skills add remotion-dev/skills oppure con gh skill install remotion-dev/skills. Installa solo dal repository ufficiale remotion-dev: una skill o un plugin di terzi va letto prima di installarlo, come spiego tra i controlli sulle skill di Claude Code.

Creare il primo video con Remotion e Claude Code

Il prompt funziona meglio quando dai i numeri: dimensioni, fotogrammi al secondo, durata in fotogrammi e momento in cui entra ogni elemento. Un esempio:

Crea una composizione chiamata Lancio, 1920x1080, 30 fps, 450 fotogrammi (15 secondi).
Sfondo scuro. Il titolo entra in dissolvenza tra i fotogrammi 0 e 30.
Tre righe di testo salgono con uno spring, a partire dai fotogrammi 60, 90 e 120.
Registra la composizione in Root.tsx con durata e fps corretti.

Controlla il risultato in Remotion Studio spostando la testina sul fotogramma che non torna, chiedi le correzioni a parole e, quando va bene, lancia il render:

npx remotion render Lancio out/lancio.mp4

Gli errori più comuni con Remotion Claude Code sono tre:

• Video della durata sbagliata: durationInFrames e fps in Root.tsx non corrispondono ai numeri usati nel componente.
• Tutto si muove insieme: mancano gli scostamenti from sui componenti Sequence, che senza indicazione partono dal fotogramma 0.
• Movimento rigido: un'interpolazione lineare senza easing. Chiedi uno spring().

Lavoro con React e TypeScript, ed è la competenza che conta qui: quando il video esce sbagliato, la correzione più veloce è leggere il componente in quel fotogramma, non riscrivere il prompt da capo.

Quanto costa Remotion: licenza gratuita e aziendale

Remotion è software source-available, non open source: il codice è pubblico, ma l'uso segue la licenza di Remotion. Le funzioni sono identiche in tutti i piani; cambia chi deve pagare. Prezzi in dollari, controllati l'11 novembre 2026.

• Licenza gratuita: singole persone, organizzazioni fino a 3 persone in totale, enti non profit e chi sta ancora valutando lo strumento. L'uso commerciale è permesso, anche con automazioni.
• Remotion for Creators: 25 $ al mese per ogni persona che scrive codice Remotion, anche tramite agenti come Claude Code. È pensato per video creati a mano, in volumi bassi.
• Remotion for Automators: 0,01 $ a render, con un minimo di 100 $ al mese. Serve a chi costruisce pipeline automatiche, editor video, app che trasformano un prompt in video o usa il Remotion Player.
• Enterprise: da 500 $ al mese, con condizioni personalizzate e supporto dedicato.

Conta l'organico totale, non chi usa Remotion: un'azienda di 20 persone in cui lo usa una sola persona ha bisogno della licenza, ma con il piano Creators paga un posto.

Il pagamento passa da Stripe e non sono previsti rimborsi. A questo si aggiunge il costo dell'agente: la maggior parte degli agenti di programmazione richiede un abbonamento a pagamento.

Freelance e agenzie: chi paga la licenza

• Consegni solo il file MP4: il cliente non riceve il progetto e non usa Remotion, quindi conta solo il tuo organico. Fino a 3 persone resti nella licenza gratuita.
• Il cliente possiede o usa il progetto Remotion: gli organici si sommano e la soglia è 4 persone. La licenza spetta a chi detiene la proprietà del progetto.
• Coinvolgi altri freelance o studi sullo stesso progetto: anche le loro persone si sommano alle tue.

Cosa Remotion non fa e quando non conviene

• Non genera media: voce, immagini e clip vanno prodotti prima, con altri strumenti, e messi nel progetto. Per le riprese generate dall'AI guarda le API video AI o Google Vids.
• Non è un editor per riprese reali: tagliare un'intervista o correggere il colore si fa meglio con un editor tradizionale.
• Non conviene per un video da fare una volta sola: il vantaggio arriva dal secondo render, quando rigeneri lo stesso video con testi o dati nuovi.
• Il render pesa: Remotion apre un Chrome senza interfaccia e passa i fotogrammi a FFmpeg sul tuo computer. Video lunghi o in 4K richiedono tempo e memoria.

Render in automatico e Remotion Lambda

Per molti video o render programmati esistono Remotion Lambda, Cloud Run e Vercel, che eseguono il render nel cloud.

Se dovessi generare video in automatico per un cliente, partirei da un container Docker su un server Hetzner, come faccio per le altre applicazioni che gestisco, e passerei al cloud solo se i tempi non bastano.

Due attenzioni: l'immagine non può essere basata su Alpine, e un render lanciato dal codice rientra nelle automazioni, quindi sopra le 3 persone serve il piano Automators. Per far girare l'agente isolato dal resto della macchina valuta anche Docker Sandbox.

Leggi anche

• Migliori skill Claude Code 2026: quali installare davvero
• Claude Skills: come creare una skill da zero
• Taste Skill Claude Code: cos'è e come installarla

Se hai già un progetto Remotion o un'app scritta con Claude Code che non arriva in produzione, posso rimetterla in ordine io: è il lavoro che faccio come specialista del codice scritto con l'AI. Per tutto il resto scrivimi.