faceless-explainerdi HeyGen

Faceless Explainer Skill.

Una skill per Claude Code e Codex dedicata a motion e video: trasforma testo, note o un articolo in un video esplicativo faceless con scene visive generate.

Motion e video
Video

Scarica OpenDesign Guida all'uso

heygen-com/hyperframes · skills/faceless-explainer/SKILL.mdSKILL.md

--- name: faceless-explainer description: Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes. --- ## Step 0: Setup ## Step 1: Brief (no capture) ## Step 2: Design System ## Step 3: Storyboard and Script ## Step 3.1: Audio ## Step 4: Frame Visual Design

Front matter e intestazioni di sezione letti dal file upstream il 14/09/2026 · 29.476 caratteri in totale

01 Cosa fa

Cosa fa la skill faceless-explainer in Claude Code e Codex

Sintesi, workflow e output, tutto letto dal SKILL.md della skill.

Dal SKILL.mdLetto il 14-09-2026 · non è un'esecuzione registrata

Nelle parole della skill

Trasforma un testo qualsiasi — un articolo, note, un argomento, un brief — in un video esplicativo senza volto, con visual di scena inventati (tipografia, grafica astratta, diagrammi, data-viz). Funziona attraverso sette passaggi orchestrati: setup con conferma del brief, package di acquisizione sintetica (senza sito web), selezione del design system da preset di frame forniti con possibile remix dei token del brand, storyboard e script tramite narrative design per rimodellare l'input, generazione audio con TTS e BGM, design visivo con l'aggiunta di sequenze di scatti con timecode ed elementi inventati, costruzione parallela dei frame tramite sub-agenti e rendering finale.

Checkpoint bloccati dall'utente ai passaggi 0, 3 e 6 in modalità collaborativa. Faceless significa nessun passaggio di acquisizione e nessun inventario reale degli asset — ogni elemento visivo viene inventato a valle dai worker.

Che cosa produce

STORYBOARD.md con piano didattico frame per frame, sequenze di inquadrature con codice temporale e ruoli/focus inventati
compositions/frames/NN-*.html — una composizione HTML per ogni frame, costruita da sub-agenti
renders/video.mp4 — il video finale renderizzato in formato orizzontale 1920x1080, verticale 1080x1920 o quadrato 1080x1080

Vedi l'esempio di prompt ↗

Come funziona

01
Confermare il brief e inizializzare il progetto
BRIEF.md esiste e determina la modalità — leggilo senza fare domande. Se manca e il progetto è nuovo, esegui il livello di intent per fissare il brief.
02
Creare il pacchetto di acquisizione sintetico
Salva l'input completo dell'utente parola per parola come capture/extracted/visible-text.txt (la fonte delle informazioni).
03
Scegliere il preset di frame e costruire frame.md
Scegli un preset già pronto da hyperframes-creative/frame-presets/ adatto all'argomento e al tono.
04
Scrivere lo storyboard con design narrativo
Trasforma il testo in un piano didattico frame per frame usando la struttura di story-design.md.
05
Generare l'audio e aggiungere il design visivo
Esegui audio.mjs in background per il TTS, i tempi delle parole e la musica di sottofondo dalla libreria HeyGen.
06
Costruire i frame e assemblare l'indice
Sincronizza le durate, costruisci i pacchetti per ogni frame, avvia un sub-agente per frame in parallelo. Ogni worker scrive compositions/frames/NN-*.html. Costruisci i sottotitoli in background.

02 Trova la tua applicazione

Quando usare lo skill faceless-explainer

Usa lo skill faceless-explainer in Claude Code o Codex quando il lavoro riguarda motion e video di questo tipo. Idoneità e limiti riportati di seguito sono tratti dal file proprio dello skill.

Buona applicazione

Spiegazioni di argomenti, analisi di concetti, guide pratiche e liste
Spiegare un argomento a partire da un testo, senza prodotto né sito web da acquisire
Quando ogni elemento visivo va inventato: tipografia, grafica astratta, diagrammi o data-viz

Conosci i limiti

Video costruito a partire da un sito web per una promo o un tour del prodotto
Quando è necessaria una fase di acquisizione o un inventario di asset reali
Richiesta generica "crea un video" o qualsiasi incertezza — deve prima passare per il livello di intent

Cosa fornire

Fonte testuale arbitrariaUn articolo, delle note, un argomento o un brief — l'input completo salvato parola per parola come capture/extracted/visible-text.txt.
Script utente opzionaleSe l'utente ha incollato uno script o vuole che la sua formulazione venga mantenuta, salvalo parola per parola come user_script.txt. VO_MODE (letterale o ristrutturato) proviene da BRIEF.md.
Colori o font del brand opzionaliLascia vuoti i colori e i font in tokens.json a meno che l'utente non abbia fornito esplicitamente colori o font del brand.
Preferenza vocale opzionaleSe la richiesta indicava una voce, un genere o un tono, scegliete un id voce corrispondente e passate --voice <id>.
Immagine reale opzionaleSe l'utente ha fornito un'immagine reale, posizionatela sotto public/<basename> e annotatela per lo Step 3.

03 Dentro la skill

Regole che lo skill faceless-explainer fornisce a Claude Code e Codex

7 istruzioni concrete, valori predefiniti e limiti che SKILL.md definisce per l'agente — la parte del file che cambia il risultato.

Regola Iniziale per la Gestione del Brief
Se BRIEF.md esiste, leggetelo e non fate domande — il brief è definito.
Nessuno Step di Capture per i Video Faceless
Non eseguite npx hyperframes capture — non c'è una URL. Non create asset-descriptions.md né popolate capture/assets/. I visual faceless vengono inventati negli Step 4-5, non catturati.
Eseguite gli Step in Ordine con i Gate
Procedete con lo Step 0 setup, Step 1 brief, Step 2 design system, Step 3 storyboard, Step 3.1 audio, Step 4 visual design, Step 5 frames, Step 6 finalize.
Lasciate Asset_candidates Vuoto di Default
I frame non portano un inventario di asset nei video faceless. Lasciate asset_candidates vuoto a meno che l'utente non abbia fornito un'immagine reale in public/<basename>.
Cercate nel Catalogo Prima di Inventare gli Stili
Per ogni stile, effetto o transizione nominato nel brief, eseguite npx hyperframes catalog --query in inglese semplice prima di scriverlo in STORYBOARD.md.
Sfondi Full-bleed sul Livello Clip
Lo sfondo di un frame (campo di colore, gradiente, griglia) è la sua clip di sfondo a durata intera con class="clip".
La Sincronizzazione della Durata È Meccanica
La durata reale della voce prevale; i frame silenziosi mantengono le stime. Eseguite audio.mjs sync-durations al termine dello Step 3.1. Non modificate mai a mano le durate sincronizzate.

04 Mettila al lavoro

Installa faceless-explainer in Claude Code o Codex

Un comando npx skills add, poi un primo task nel tuo agente e una checklist per il risultato.

Aggiungi faceless-explainer a Claude Code, Codex o al tuo agente

Eseguitelo nel Suo progetto; l'installer chiede a quale agente aggiungerlo.

Terminal

npx skills add https://github.com/heygen-com/hyperframes --skill faceless-explainer

Forma generica della CLI skills per skills/faceless-explainer/SKILL.md; il repository potrebbe documentare un proprio percorso.

Dai alla Skill un Primo Compito di Motion e Video

Redatto nei termini propri della skill; sostituisca le parti tra parentesi con il suo materiale.

Starter prompt

Turn this article about compound interest into a 60-second explainer video for young adults. Use clean modern graphics with invented diagrams showing how money grows over time. Keep the tone approachable and use a female voice for narration. Format: [landscape/portrait/square]. Destination: [Instagram/YouTube/LinkedIn].

Fonte: redatto a partire dal SKILL.md, nei termini propri della skill.

Verifica il primo risultato

Ciò che il SKILL.md stesso indica come risultato corretto:

Eseguite npx hyperframes lint per validare la struttura
Eseguite npx hyperframes check per individuare overflow di testo e problemi di layout
Eseguite npx hyperframes snapshot ai punti mediani dei frame per creare un contact sheet, esaminatelo per individuare rotture evidenti
Ignorate i text_box_overflow di 1-4px sulle parole delle didascalie (#caption-word-*, .caption-line) — falso positivo previsto dovuto al line-height compatto
Intervenite su text_box_overflow solo quando indica un elemento del frame (#el-NN-*), non una parola di didascalia
Eseguite transitions.mjs inject e verify prima del render finale per controllare il timing delle transizioni

In OpenDesign importa faceless-explainer dal suo link SKILL.md: Plugins → Add → Skill → Import from link, quindi selezionalo nella barra superiore.

Scarica OpenDesign Leggi il quickstart

05 Open source, tracciabile

Sorgente, licenza e verifica

Da dove provengono i dati di questa pagina e quando sono stati verificati l'ultima volta.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Branch main
File della skill: skills/faceless-explainer/SKILL.md Checksum del contenuto registrato alla verifica; commit 558c11b
License: Apache-2.0 Da LICENSE.
Stelle del repository: 49.761 Snapshot GitHub del 14 settembre 2026 per l'intero repository heygen-com/hyperframes, che contiene 9 skill in questo catalogo. Non è una valutazione o conteggio di utilizzo per faceless-explainer.
Verificato da OpenDesign: 14/09/2026 File sorgente, percorso, testo della licenza e conteggio delle stelle sono stati verificati. Non inclusa in OpenDesign main (verificato il 28/08/2026); un'esecuzione live non è stata registrata in questa pagina.

All'interno di SKILL.md

Step 0: SetupConferma il brief, inizializza il progetto, scrivi BRIEF.md, registra le preferenze, mostra lo stato di accesso
Step 1: Brief (senza acquisizione)Salva l'input come visible-text.txt, crea tokens.json sintetico, nessuna acquisizione del sito o asset
Step 2: Design SystemScegli un preset di frame incluso, esegui build-frame.mjs per rimescolare i token del brand sul preset
Step 3: Storyboard e ScriptScrivi il piano didattico frame per frame con narrative design, presenta come proposta, itera finché non viene approvato
Step 3.1: AudioGenera la narrazione con TTS, i timing delle parole, la BGM dalla libreria HeyGen, i metadata audio
Step 4: Frame Visual DesignAggiungi sequenze di shot con timecode, punti focali/ruoli inventati, layout e motion inline per Scene
Step 5: Build FramesSincronizza le durate, costruisci i packet, invia sub-agenti per ogni frame, assembla l'indice, genera le caption
Step 6: FinalizeInserisci le transizioni, esegui lint/check/snapshot, sospendi per la revisione, esegui il render dell'MP4 finale
Riferimento RapidoFormati, differenze faceless rispetto al workflow con asset acquisiti, script in background, tabella di riferimento

Descrizione della skill

"Trasforma testo arbitrario — un articolo, appunti, un argomento, un brief — in un video esplicativo senza volti: non c'è un sito o filmato da acquisire, quindi le immagini vengono inventate per scena (tipografia, grafica astratta, diagrammi, data-viz). Usa per video esplicativi su argomenti, spiegazioni di concetti, how-to, liste. Non un video costruito da un sito web (/product-launch-video — promo o tour). Non chiaro → /hyperframes."

Descrizione front-matter da SKILL.md. Il file completo è di circa 29.476 caratteri. Leggi il file completo su GitHub.

06 Prima di installare

Domande sulla Skill faceless-explainer

Le risposte provengono dal SKILL.md letto il 2026-09-14, non da un'esecuzione registrata.

Funziona sia in modalità collaborativa che autonoma?

Sì. In modalità collaborativa, i gate di approvazione dell'utente si attivano agli Step 0, 3 e 6, con revisione degli sketch allo Step 4. In modalità autonoma, lo stesso riepilogo viene pubblicato come avviso e gli sketch confluiscono direttamente nella build, con una sola domanda di anteprima mantenuta allo Step 6.

Cosa succede se non ho un account HeyGen per voce o musica?

Lo Step 0 mostra lo stato di accesso prima di procedere. Se non hai effettuato l'accesso, l'audio passa automaticamente a motori locali (Kokoro per il TTS). Puoi scegliere la modalità collaborativa per attendere l'accesso, oppure quella autonoma per continuare con i motori locali disponibili.

Quali formati video supporta l'output?

Landscape 1920x1080, portrait 1080x1920, o quadrato 1080x1080. Il formato viene ricavato dalla destinazione indicata in BRIEF.md e impostato una sola volta nel frontmatter dello storyboard.

Faceless Explainer

Esegui faceless-explainer su un task reale di Motion e Video.

Scarica OpenDesign, importa faceless-explainer dal suo link SKILL.md, incolla il prompt qui sopra e leggi il piano prima del risultato.

Scarica OpenDesign Esplora tutte le skill

Terminale

npx skills add https://github.com/heygen-com/hyperframes --skill faceless-explainer