Nelle parole della skill
Una skill orientata al routing per un unico motion graphic breve, guidato dal design e senza narrazione — typography cinetica, count-up di statistiche, impatto di un grafico, sting del logo, lower third, mappa animata, tweet o pagina web — di norma sotto i 10s e non oltre circa 30s, renderizzato in MP4 o in overlay trasparente.
È orientata prima agli asset e al riuso: il primo bivio è se il pezzo richiede una ricerca, le categorie form operano su contenuti forniti dall'utente con asset_needs vuoto, le categorie guidate dalla ricerca animano in base al tipo di contenuto restituito, e il Builder compone i blocchi del catalogo prima di scrivere manualmente le lacune. Il workflow è autonomo con al massimo una domanda di chiarimento, ma il rendering resta subordinato all'utente dopo lint, check e snapshot di verifica.
Che cosa produce
- Una bozza e poi uno shot-plan.json finale contenente l'envelope, la categoria scelta o l'intento di ricerca, asset_needs e il blocco, layout, motion e posizioni.
- compositions/index.html che rispetta il contratto HF con una timeline GSAP in pausa su window.__timelines, classi clip e id stabili, e un tl.seek(0) deterministico.
- Un foglio contatto o di snapshot sotto snapshots/ per ispezionare i tempi di verifica.
- renders/video.mp4, oppure un overlay trasparente quando si renderizza con il formato webm o mov.
Come funziona
- 01Inizializzare il Progetto
Il passo 0 crea PROJECT_DIR = videos/<project-name>/ ed esegue hyperframes init con l'esempio vuoto e questa skill, saltandolo del tutto se hyperframes.json esiste già.
- 02Pianificare e Decidere sulla Ricerca
Il primo bivio è se il pezzo richiede una ricerca: no significa una categoria form con asset_needs: [], sì significa emettere query di ricerca in asset_needs[].
- 03Reperire gli Asset Quando Necessario
Il passo 2 risolve gli asset tramite media-use in percorsi locali al progetto e congelati più un ledger, e viene saltato direttamente al design quando asset_needs è vuoto.
- 04Progettare in Base a Ciò che Si Ha
Un secondo passaggio del Director sceglie blocchi del catalogo e regole e blueprint di hyperframes-animation attorno agli asset risolti, poi finalizza lo shot plan.
- 05Comporre privilegiando il riuso
Il Builder aggiunge blocchi del catalogo con npx hyperframes add e personalizza sul posto, scrivendo manualmente solo le lacune e l'affordance di asset-fusion per produrre compositions/index.html.
- 06Acquisire Snapshot di Verifica
Scegliere i tempi di verifica che mostrano lo stato iniziale, la mossa distintiva e l'hold finale, poi ispezionare il foglio contatto o di snapshot generato.