Motion graphics · Claude Opus 5.5

6 prompt per le motion graphics

Claude scrive ogni animazione in codice, poi un browser la trasforma in video fotogramma per fotogramma, così ogni video esce identico. Copia il prompt, cambia i dettagli con i tuoi, incollalo in Claude.

1Le scene sono solo codice

Il punto di partenza: una scena HTML che sa disegnare qualsiasi fotogramma.

Scrivi una scena HTML che disegna qualsiasi fotogramma al tempo t. 1920×1080.

2Titoli che entrano a tempo

Ogni parola è un elemento a sé, con il suo momento di partenza.

Anima "Spediscilo oggi" parola per parola: 6 fotogrammi fra una parola e l’altra, entrata dal basso di 40 px.

3Le animazioni della tua landing

In CSS e JavaScript semplici, così il movimento del video finisce anche sul sito.

Anima la testata della mia landing: fai entrare uno dopo l’altro il titolo, il pulsante e le schede delle funzioni.

4L’intro del tuo SaaS dal link

Claude prende dalla pagina nome, funzioni e pulsante, poi costruisce l’intro.

Fai un video intro di 20 secondi da [il link del tuo sito]. Prima pianifica le scene, poi costruiscile.

5A tempo con l’audio

Incolla i tempi dei battiti della tua traccia, in secondi.

Ecco i tempi dei battiti, in secondi: [i tuoi tempi]. Fai comparire ogni titolo su un battito.

6Anima i tuoi dati

Le barre crescono e i numeri salgono dai tuoi valori veri.

Anima questo CSV come grafico a barre. Fai salire ogni numero mentre cresce la sua barra. [incolla qui il CSV]

I miei reel sono fatti proprio così.

Se vuoi la macchina che li monta: la macchina dei reel.

Prompt dal carosello di @claudetipsandtricks, tradotti in italiano · @fabrizio.molin