Cos'è e perché conta
Montare a mano 45 secondi di video verticale vuol dire ore: tagli, sottotitoli parola per parola, tempi. E se cambi una frase del copione, rifai metà del lavoro.
Remotion cambia il gioco: è una libreria che fa video con React. Ogni video è un progetto React, ogni scena è un componente, cioè un pezzo di codice che dice cosa c'è a schermo a ogni fotogramma. Siccome è codice, Claude Code lo sa scrivere, cambiare ed esportare. Cambi una frase, rigeneri, e il video cambia.
I nostri video li facciamo così, con una skill nostra: le scrivo l'idea e lei fa copione, voci, sottotitoli, scene, export, e poi controlla i fotogrammi uno per uno. Questa guida è per chi deve pubblicare video e non ha il tempo, o la voglia, di imparare a montare.
1. Il progetto e le skill ufficiali
Ti servono Node.js e Claude Code. Remotion ha una pagina apposta per Claude Code, e questi sono i suoi comandi, nell'ordine:
npx create-video --yes --blank my-video cd my-video npx remotion skills add npm run dev
Il primo crea un progetto vuoto, il terzo installa le skill di Remotion per gli agenti, l'ultimo apre Remotion Studio: l'anteprima del video nel browser. Poi, in un secondo terminale, nella stessa cartella, avvii claude. Le skill si installano anche con npx skills add remotion-dev/skills. Ognuna si chiama con la barra:
- /remotion-best-practices: le contiene tutte. Se non sai quale usare, usa questa.
- /remotion-create: un progetto o una composizione nuova (una composizione è un video, con misure, fotogrammi al secondo e durata).
- /remotion-markup: animazioni, impaginazione, testi, font, audio e tempi.
- /remotion-captions: i sottotitoli.
- /remotion-render: esporta un video o un singolo fotogramma.
- /remotion-upgrade: aggiorna Remotion e le skill installate.
2. Dal copione al file finale
- Il copione. Frasi corte, una cosa per frase. Per noi 45-55 secondi sono circa 120 parole.
- Le voci: ElevenLabs o OmniVoice. Un file audio per ogni battuta: così ogni scena dura esattamente quanto la sua frase, e se ne cambi una rigeneri solo quella.
- I sottotitoli sulle parole. Si trascrive l'audio con i tempi di ogni parola. Remotion lo fa anche in locale, gratis, con Whisper.cpp (il pacchetto @remotion/install-whisper-cpp), e con createTikTokStyleCaptions() raggruppa le parole in pagine come sui social.
- Le scene. Un componente per scena, messe in fila con i tempi presi dall'audio, mai scritti a mano. Le misure le decide la composizione: per un video verticale, 1080×1920.
- L'export, con npx remotion render. Poi il controllo, che merita una sezione sua.
Crea un video verticale di 45 secondi da questo copione: [copione]. Usa Remotion, 1080×1920, una scena per frase, voci con [ElevenLabs o OmniVoice], un file audio per battuta, sottotitoli sulle parole. Prendi i tempi dall'audio, non scriverli a mano. Prima di esportare mostrami l'elenco delle scene con inizio e fine.
3. Il controllo dei fotogrammi
È la parte che fa la differenza, ed è quella che io a mano non farei mai. Claude non guarda un video come te, ma le immagini sì. Quindi esporta dei fotogrammi fermi nei momenti che contano, uno con npx remotion still, tanti in una volta con npx remotion render e l'opzione --frames, e li mette in un contact sheet: un foglio con tutti i fotogrammi in griglia. Poi lo guarda e cerca:
- testi che escono dai bordi o finiscono sotto i pulsanti del social;
- un sottotitolo che non corrisponde alla parola detta in quel momento;
- un fotogramma vuoto o nero proprio sul taglio;
- un elemento che compare prima del suo tempo, o uno schermo che non mostra quello che dice la voce.
Controlla ogni taglio su un contact sheet: esporta un fotogramma subito prima e uno subito dopo ogni taglio, più uno a metà di ogni sottotitolo, mettili in una griglia con il numero del fotogramma sotto e guardala. Cercami testi tagliati, sottotitoli sbagliati, fotogrammi vuoti. Correggi, riesporta e rifai il foglio finché è pulito. Poi dimmi cosa hai corretto.
4. Tutto in una skill, un comando con l'idea
Quando il flusso funziona, lo chiudi in una skill. Una skill è una cartella con dentro un file SKILL.md: le istruzioni che Claude Code segue quando scrivi /nome-della-skill. La metti in ~/.claude/skills/<nome>/SKILL.md per averla in tutti i progetti, o in .claude/skills/<nome>/SKILL.md per averla solo in questo. Quello che scrivi dopo il comando arriva nella skill come $ARGUMENTS. La nostra funziona così: scrivo il comando e l'idea, lei fa il resto.
--- name: video description: Crea un video verticale con Remotion, dall'idea al file finale. disable-model-invocation: true argument-hint: [idea del video] --- Idea: $ARGUMENTS 1. Scrivi il copione: <durata>, frasi corte. Mostramelo e aspetta il mio ok. 2. Genera le voci con <ElevenLabs o OmniVoice>, un file per battuta. 3. Trascrivi l'audio con i tempi di ogni parola e metti i sottotitoli sulle parole. 4. Costruisci le scene seguendo stile.md. 5. Esporta in 1080×1920. 6. Fai il contact sheet di ogni taglio e controllalo con controlli.md. Correggi finché è pulito. 7. Dimmi dove sta il file e cosa hai corretto.
disable-model-invocation: true vuol dire che parte solo quando la chiami tu: un video costa tempo e crediti per le voci, meglio non farlo partire per sbaglio. Lo stile e la lista dei controlli stanno in file a parte, nella stessa cartella: Claude li legge solo quando servono. La documentazione consiglia di tenere SKILL.md sotto le 500 righe.
Trasforma quello che abbiamo fatto oggi in una skill: crea .claude/skills/video/SKILL.md con i passi in ordine, metti lo stile in stile.md e in controlli.md i controlli e gli errori che abbiamo trovato. Usa disable-model-invocation: true e l'idea in $ARGUMENTS.
5. La licenza di Remotion
Remotion è gratis, anche per uso commerciale, se sei una persona singola, un'azienda con al massimo 3 dipendenti o un'organizzazione non profit, e anche per provarlo prima di usarlo per lavoro. Oltre i 3 dipendenti serve la Company License. Non puoi rivendere Remotion o una tua versione modificata. Prima di partire rileggi la pagina della licenza, perché i termini possono cambiare, e controlla anche le condizioni del servizio che usi per le voci.
Gli errori più comuni
- Scrivere i tempi delle scene a mano. Appena cambi una frase, tutto slitta: i tempi si prendono dalla durata dell'audio.
- Guardare solo il video finale. Un errore che dura un fotogramma a velocità normale non lo vedi: sul contact sheet sì.
- Sottotitoli da una trascrizione a frasi. Servono i tempi di ogni parola, se no il testo arriva prima o dopo la voce.
- Una skill che parte da sola. Senza disable-model-invocation: true, Claude può avviarla quando una richiesta le somiglia.
- Dare per scontata la licenza. Se l'azienda supera i 3 dipendenti, serve la Company License.
Checklist
- Il progetto Remotion parte e Remotion Studio mostra l'anteprima
- Le skill di Remotion sono installate e /remotion-best-practices risponde
- Un file audio per battuta, e i tempi delle scene vengono dall'audio
- I sottotitoli seguono le parole, non le frasi
- Il contact sheet di ogni taglio è pulito
- La skill parte con /nome e l'idea, e solo quando la chiamo io
- Ho controllato che la licenza di Remotion copra la mia azienda
Domande frequenti
Devo saper usare React?
No, il codice lo scrive Claude. Ma saper leggere una scena aiuta: quando qualcosa non ti piace, puoi dire «sposta il titolo più in alto nella scena 3» invece di «non mi convince».
Se cambio una frase dopo l'export?
Cambi la frase nel copione, rigeneri solo la voce di quella battuta, e Claude rifà i tempi, riesporta e ricontrolla il contact sheet. È il motivo per cui conviene un file audio per battuta.
Funziona solo con Claude Code?
No. La pagina di Remotion sugli agenti cita anche Codex, Kimi Code e OpenCode, e le skill seguono lo standard aperto Agent Skills. Questa guida usa Claude Code perché è quello che uso io.