
Rendu par ce Skill
Bandeau carte sombre v1.0.0
Un bandeau bas en forme de carte anthracite monte à l'écran avec un nom, un trait d'accent dessiné et une fonction, pensé pour les images lumineuses.
- Format
- Vidéo · 16:9
- Durée
- 0:05
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 un titre de nom de 4,8 secondes. Une carte anthracite compacte monte en bas à gauche, le nom apparaît, un trait d'accent se dessine dessous et la fonction s'affiche en fondu, puis le tout glisse hors champ. Le nom et la fonction se modifient dans le HTML ; le fond est transparent.
Mis à jour le 4 nov. 2026
Ce que vous obtenez
- Un bandeau bas 1920×1080 de 4,8 secondes sur fond transparent
- Un nom, un trait d'accent dessiné et une fonction
- Les instructions pour le superposer à vos images
Idéal pour
- Interviews et témoignages
- Podcasts et conférences
- Vidéos de fondateurs et d'équipe
Pas pour
- Les images sombres (essayez la version à bordure néon)
- Les titres longs
À propos de ce Skill
/lt-dark-card Fais un bandeau carte sombre pour "Lena Hart", "Halden run club coach", sur notre plan de course dans la rue à l'aube.
Chaque interview, témoignage ou face caméra a besoin d'un titre de nom propre. Bandeau carte sombre vous en offre un qui se lit sur des images lumineuses : une carte anthracite pleine, le nom, un trait dessiné et la fonction.
Comment ça marche
- Demandez : donnez à votre agent le nom et la fonction de la personne, ainsi que le plan sur lequel le poser.
- Remplissage : il inscrit vos textes et vos couleurs dans les variables du bloc, en gardant des textes proches de la longueur prévue par la mise en page.
- Rendu : il rend un brouillon avec
npx hyperframes render, vérifie quelques images et rend le MP4 final. - Réutilisation : les variables tiennent dans un petit fichier JSON ; la version suivante, c'est un rendu de plus.
Conseils
- Limitez la fonction à quelques mots.
- Utilisez-le sur des images lumineuses ; la carte sombre garantit le contraste.
- Le fond est transparent : rendez-le avec un canal alpha et superposez-le à votre propre vidéo, à une photo ou à une couleur unie ; le SKILL.md donne les deux commandes.
- Il n'a pas de variables : votre agent modifie les textes directement dans le HTML, en suivant le SKILL.md.
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, ses ressources et un SKILL.md rédigé par Reelity, pour que votre agent sache le remplir et le rendre ; HyperFrames lui-même s'exécute depuis npm.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Un nom, une fonction courte et le plan sur lequel le poser.
- 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 changer la couleur d'accent ?
Oui. C'est du simple CSS dans le HTML.
Existe-t-il une version avec variables ?
Le Bandeau bordure néon prend le nom, la fonction et l'accent en variables.
Pourquoi est-ce gratuit ?
C'est un bloc HyperFrames open source de HeyGen et des contributeurs de HyperFrames. Nous le proposons tel quel, avec un SKILL.md pour que votre agent puisse l'utiliser et un exemple réalisé avec l'une de nos marques maison, Halden Solace.






