ACQUISIZIONE
Prenota
Strumenti · Risorsa gratuita

Brag: il video di lancio del tuo sito, fatto da Claude Code

La skill gratuita che legge il tuo sito e ne fa un video di 20 secondi con musica e animazioni: installazione, la richiesta da copiare, il formato per i social e cosa si paga davvero

Di Nicola Lampitelli · 8 minuti di lettura · aggiornata il

Installala nella tua AILeggi la guida
CondividiWhatsAppLinkedIn
Un monitor con una pagina web da cui esce una pellicola che arriva a un telefono in verticale con il tasto play, accanto un piccolo megafono
In questa guida
  1. 1Come lo uso io
  2. 2Cosa ti serve
  3. 3Come funziona
  4. 4Passo 1 · Controlla Node.js e FFmpeg
  5. 5Passo 2 · Installa brag
  6. 6Passo 3 · Scegli da dove parte
  7. 7Passo 4 · Scrivi la richiesta
  8. 8Passo 5 · Guarda, correggi, pubblica
  9. 9Se ti esce così
  10. 10Prima di usarlo davvero
  11. 11Ora tocca a te
  12. 12Il prossimo passo
  13. 13Installala nella tua AI

1.Come lo uso io

Quando un sito o una piattaforma va online, la prima cosa che manca è un video per presentarla sui social. Chi chiede un preventivo scopre che anche venti secondi di grafica animata costano come un lavoro d'agenzia. Io uso brag, una skill gratuita per Claude Code: scrivo in chat «usa brag per fare il video della mia azienda» e Claude legge il sito, sceglie cosa mostrare e mi restituisce un video con musica ed effetti sonori.

Nel reel dico «totalmente gratis» e che le informazioni arrivano dal second brain: due frasi da precisare. La skill è gratuita, ma lavora dentro Claude Code, che chiede un abbonamento. E brag, da sola, legge il sito o il suo codice: nel mio caso Claude ha accesso anche ai miei appunti sull'azienda. Se non li hai, bastano due righe di contesto nella richiesta del Passo 4.

2.Cosa ti serve

Claude Code

Installato e collegato al tuo abbonamento (Pro o Max). Come si fa è in fondo alla guida.

Il tuo sito

L'indirizzo pubblico. Se il sito l'hai costruito tu con Lovable o con Claude Code, meglio ancora la cartella con il codice.

Node.js e FFmpeg

Due programmi gratuiti che servono a creare il file video. Si controllano al Passo 1.

Due righe di contesto

A chi parla il video e cosa deve fare chi lo guarda. Il sito spesso non lo dice in modo chiaro.

3.Come funziona

Brag è una skill, cioè un pacchetto di istruzioni di mestiere che Claude carica quando servono. È open source con licenza MIT, pubblicata su GitHub nella repo latent-spaces/brag. Dentro ci sono due versioni.

/brag è quella classica: legge il codice del progetto (pagina principale, colori, caratteri, testi), scrive un piano e passa la costruzione a HyperFrames, uno strumento gratuito di HeyGen (licenza Apache 2.0) che trasforma pagine web animate in un file video. /brag-slim è la versione snella: accetta anche l'indirizzo di un sito, lo apre come farebbe un visitatore e costruisce il video da sola, senza HyperFrames. Se Claude Code sta usando il modello Opus 5.5, /brag passa da solo alla versione snella; per tenere quella classica si aggiunge --full.

  1. 1

    LETTURA

    brag legge il sito o il codice: titoli, frasi, colori, caratteri, logo

  2. 2

    PIANO

    scrive brag-plan.md con l'idea, l'aggancio dei primi 2 secondi e le scene una per una

  3. 3

    VIDEO

    costruisce le scene animate, con musica ed effetti sonori

  4. 4

    CONTROLLO

    cerca testi che escono dai bordi e colori poco leggibili

  5. 5

    CONSEGNA

    brag.mp4, la copertina brag.jpg e il testo per il post in share-copy.txt

Il video dura fra 15 e 25 secondi per scelta della skill: aggancio, presentazione, due o tre punti forti, chiusura. Se ti serve un video più lungo, con uno script scritto da te e la tua voce, c'è la guida Il video di presentazione della tua azienda in 30 secondi.

COSA È GRATIS

Brag, HyperFrames e il render sul tuo computer. Nella versione classica, i brani inclusi: vengono da ende.app, che ne permette anche l'uso commerciale.

COSA SI PAGA

Claude Code, con l'abbonamento Pro o Max. Oppure letsbrag.app, il servizio degli stessi autori: incolli l'indirizzo e il video lo fanno loro, oggi 19 dollari pagati una volta, senza abbonamento.

Da qui in poi

Qui comincia la parte pratica.

Dimmi chi sei e la guida si apre tutta: i passi, gli errori tipici e il file per la tua AI. Le risorse nuove te le mando per email; il telefono serve per sentirci a voce, se ha senso.

Gratis. Lo compili una volta: le altre guide restano aperte su questo dispositivo.

Cosa trovi dopo

  1. 4Passo 1 · Controlla Node.js e FFmpeg
  2. 5Passo 2 · Installa brag
  3. 6Passo 3 · Scegli da dove parte
  4. 7Passo 4 · Scrivi la richiesta
  5. 8Passo 5 · Guarda, correggi, pubblica
  6. 9Se ti esce così
  7. 10Prima di usarlo davvero
  8. 11Ora tocca a te
  9. 12Il prossimo passo
Per la tua AI

Non leggerla soltanto: falla applicare.

Questa guida esiste anche come file Markdown, il formato che le AI leggono meglio. In testa ha già le istruzioni: lo dai a Claude Code (o lo alleghi a Claude, a ChatGPT) e l'AI la applica al tuo caso, chiedendoti i dati che le servono. Niente da riscrivere, niente da spiegare.

Cosa ottieni: Il plugin brag installato in Claude Code e, nella cartella brag-output, il video di lancio del tuo sito (brag.mp4, verticale per i social), la copertina brag.jpg, il testo per il post e il piano delle scene da correggere.

Gratis. Ti chiedo chi sei e come trovarti: le risorse nuove arrivano per email. Come si installa.

Installala nella tua AI

Il file che scarichi non è un riassunto: è la guida intera più le istruzioni per l'AI, scritte in testa. Tu lo consegni, lei lo legge, ti fa le domande e produce il risultato. Qui: Il plugin brag installato in Claude Code e, nella cartella brag-output, il video di lancio del tuo sito (brag.mp4, verticale per i social), la copertina brag.jpg, il testo per il post e il piano delle scene da correggere.

Con Claude Code

Consigliato

Claude Code lavora dentro una cartella del tuo computer: legge il file, scrive i risultati lì e li ritrovi la prossima volta. Serve un account Claude con piano Pro o Max (non è nel piano gratuito).

  1. 1
    Installa Claude Code, una volta sola. Apri il Terminale (su Mac: cerca «Terminale» con Spotlight; su Windows: «PowerShell») e incolla il comando. Al primo avvio si apre il browser per entrare con il tuo account Claude.
    ComandoMac
    curl -fsSL https://claude.ai/install.sh | bash
    ComandoWindows (PowerShell)
    irm https://claude.ai/install.ps1 | iex
  2. 2
    Scarica il file dal riquadro «Per la tua AI» e mettilo in una cartella: quella del lavoro a cui vuoi applicarlo, o una nuova (per esempio guide-ai).
  3. 3
    Apri il Terminale in quella cartella. Il modo più semplice: scrivi cd, uno spazio, trascina la cartella dentro la finestra del Terminale e premi Invio.
  4. 4
    Avvia Claude Code scrivendo claude e premendo Invio. Poi incolla il comando della guida e rispondi alle domande, una alla volta.
    Terminalecosì, per esempio
    $ claude

> Leggi il file guida-brag-video-lancio-sito.md e segui le istruzioni scritte all'inizio.

  Ho letto la guida. Prima domanda, una alla volta:
  qual è la richiesta che rifai più spesso?

Su claude.ai, senza installare niente

Apri una chat nuova su claude.ai, allega il file con la graffetta e scrivi la frase qui sotto. Se usi i Progetti, aggiungi il file ai contenuti del progetto: resta a disposizione in ogni chat.

Leggi le istruzioni all'inizio del file allegato e seguile.

Con ChatGPT o un'altra AI

Allega il file alla chat e scrivi la stessa frase. Le istruzioni sono pensate per Claude Code: dove parlano di cartelle e comandi, l'AI ti darà il testo da copiare al posto di scriverlo lei sul tuo computer.

Vale per qualunque assistente che legge i file allegati.

CondividiWhatsAppLinkedIn

Continua con

Vuoi che un sistema così lo costruiamo insieme nella tua azienda? Prenota la call conoscitiva: 30 minuti, senza impegno.