
Rendu par ce Skill
Liste de caractéristiques v1.0.0
Une liste de caractéristiques alignée à gauche : chaque ligne libellé-valeur glisse à l'écran l'une après l'autre, soulignée d'un trait d'accent qui la balaie.
- 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 un moment caractéristiques ou fonctionnalités de 8 secondes. Cinq lignes libellé-valeur glissent depuis la gauche l'une après l'autre, chacune soulignée d'un trait d'accent qui la traverse, en version claire pour les fonds unis ou en version sombre avec voile pour la vidéo. Les lignes, le thème, la largeur du trait, la position et le timing se règlent dans une petite configuration dans le HTML ; le fond est transparent.
Mis à jour le 4 nov. 2026
Ce que vous obtenez
- Une incrustation 1920×1080 de 8 secondes sur fond transparent
- Cinq lignes qui glissent à l'écran avec des soulignés qui les balaient
- Des thèmes clair et sombre, avec voile en option
Idéal pour
- Fiches produit et publicités
- Listes de fonctionnalités pour applis et gadgets
- Catégories riches en caractéristiques comme les sacs, les chaussures et l'électronique
Pas pour
- Plus de cinq ou six lignes
- Les phrases longues
À propos de ce Skill
/mk-specs-list Fais une liste de caractéristiques sur notre photo du Vael Cerise : Cuir "Cherry calf, hand-finished", Ferrure "Solid brass clasp", Contenance "A 14-inch laptop", Anses "Hand-stitched, 22 cm drop", Fabrication "In small, numbered runs".
Les caractéristiques convainquent quand elles se lisent facilement. Liste de caractéristiques aligne cinq lignes libellé-valeur à côté de votre produit, une à une, chacune soulignée d'un trait net : matières, tailles ou fonctionnalités passent pendant que le produit reste à l'écran.
Comment ça marche
- Demandez : donnez à votre agent cinq paires libellé-valeur courtes et précisez si le fond est clair ou sombre.
- 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 les libellés à un mot et les valeurs à quelques-uns.
- Utilisez le thème clair sur les photos lumineuses et le thème sombre avec voile sur les vidéos sombres.
- 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.
- Laissez le côté droit de votre plan libre pour le produit.
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
- Cinq paires libellé-valeur et un plan du produit.
- 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 ajouter des lignes ?
Oui. Les lignes sont une liste dans la configuration ; cinq ou six tiennent confortablement.
Reste-t-elle lisible sur une photo chargée ?
Choisissez le thème qui contraste avec le fond et renforcez le voile si besoin.
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, Vael.






