
Rendu par ce Skill
Titre Code Slice Hero v1.0.0
Un grand titre fait de tuiles qui basculent une à une sous une vague de profondeur et révèlent un second titre caché derrière.
- Format
- Vidéo · 16:9
- Durée
- 0:08
Gratuit Gratuit avec un compte
Collez ceci dans votre agent. Il connecte la CLI si besoin, puis installe le Skill.
Un bloc HyperFrames gratuit pour des cartons-titres de 8 secondes. Votre premier titre est imprimé sur une grille de cellules ; un champ de profondeur doux balaie l'écran, chaque cellule bascule avec un léger rebond et une ombre, et le second titre reste seul à l'image. Les deux lignes, le sens du balayage, la vitesse, la taille des cellules et les couleurs sont des variables.
Mis à jour le 2 nov. 2026
Ce que vous obtenez
- Un carton-titre MP4 1920×1080 de 8 secondes
- Deux titres reliés par une bascule tuile par tuile
- Des variables pour le balayage, le rythme, la taille des cellules, les ombres et les couleurs
Idéal pour
- Ouvertures et cartons de fin de lancement
- Promesse et chute pour les posts sur les réseaux
- Changements d'identité et messages avant/après
Pas pour
- Les phrases longues ou les paragraphes
- Les vidéos qui demandent des images du produit dans le titre
À propos de ce Skill
/code-slice-hero Utilise le bloc code slice hero pour le lancement de notre chaussure de running : titre de face "RUN SOFT.", titre de dos "RUN FAR.", balayage de gauche à droite. Rends-le en 1080p.
Deux lignes courtes, une bascule nette. Code Slice Hero imprime votre premier titre sur une grille de cellules carrées. Une vague traverse l'image, soulève et incline chaque cellule à son passage, et chacune se retourne pour montrer le morceau correspondant du second titre. L'effet est idéal avec deux lignes percutantes de même longueur : une promesse et sa chute, un nom de produit et un engagement, un « avant » et un « après ».
Comment ça marche
- Demandez : dites à votre agent ce que le titre doit afficher : le titre de face et celui qui apparaît après la bascule.
- Mise en place : il installe le bloc dans un projet HyperFrames et renseigne vos textes et vos couleurs comme variables de rendu.
- Aperçu : il vérifie quelques images, puis rend un MP4 1920×1080 avec
npx hyperframes render. - Réutilisation : les variables tiennent dans un seul fichier JSON ; un nouveau titre ou une nouvelle marque, c'est un rendu de plus.
Conseils
- Gardez deux lignes courtes (un à trois mots) et de longueur proche, pour que la bascule se lise d'un seul geste.
- Orientez le balayage dans le sens de lecture de la scène suivante de votre montage.
- Réduisez la taille des cellules pour une bascule plus fine et plus numérique ; augmentez-la pour un rendu plus massif, façon affiche.
- Utilisez-le en ouverture ou en carton de fin d'une vidéo de lancement plus longue.
Open source
C'est un bloc du registre HyperFrames. Réalisé par HeyGen et les contributeurs de HyperFrames (heygen-com/hyperframes) et partagé sous Apache License 2.0. Le téléchargement contient le bloc et ses ressources, prêt à rendre ; HyperFrames lui-même s'exécute depuis npm.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Deux titres courts et, si vous le souhaitez, les couleurs de votre marque.
- Dépendances
- Node.js 22 ou version ultérieure — requis · FFmpeg — requis
- Coûts externes
- Aucun. HyperFrames est gratuit et open source, et le rendu se fait sur votre propre machine.
- Dernier test
- v1.0.0 —
Avis des utilisateurs
Pas encore d'avis. Installez le Skill et soyez le premier à le noter.
FAQ
Puis-je utiliser ma propre police ?
Oui. Le bloc est livré avec Geist (open source) ; remplacez-la par n'importe quelle police web et ajustez la variable de taille pour que la ligne remplisse l'image.
La bascule peut-elle aller de droite à gauche ?
Oui. Le sens est une variable, tout comme la durée du balayage, son accélération et la durée de la bascule.
Pourquoi est-ce gratuit ?
C'est un Skill open source de HeyGen et des contributeurs de HyperFrames. Nous le proposons tel quel, avec un exemple réalisé en le lançant sur l'une de nos marques maison, Halden Solace.






