✦ Choix du studio
Vael · 16:9
Rendu par ce Skill
Carrousel de cartes Cuboid v1.0.0
Une chaîne de cartes 3D biseautées ondule sur une vague, puis une carte s'en détache, se tourne vers la caméra et s'arrête.
Pas encore de note 0 téléchargements
- Format
- Vidéo · 16:9
- Durée
- 0:07
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 de courts carrousels de contenu. Jusqu'à douze cartes en volume, chacune avec une catégorie, un titre et deux petites pastilles, ondulent sur une vague dans une scène 3D éclairée ; la carte vedette se détache, tourne et se pose face à l'objectif. Les cartes se définissent dans une seule variable JSON, et les lumières, les matériaux et la caméra sont aussi des variables.
Mis à jour le 2 nov. 2026
Ce que vous obtenez
- Un MP4 1920×1080 de 6,7 secondes avec une vague de cartes 3D éclairées
- Jusqu'à douze cartes depuis une seule liste JSON
- Une carte vedette qui se détache et reste à l'image
Idéal pour
- Sorties de produits et teasers de collection
- Feuilles de route, listes de tâches et listes de fonctionnalités
- Programmes d'événements et line-ups
Pas pour
- Des photos sur les cartes (elles affichent du texte)
- Les textes longs ; chaque carte n'affiche que quelques mots
À propos de ce Skill
Vous dites
/cuboid-carousel Fais un carrousel cuboid pour la sortie de notre sac avec huit cartes : catégorie "Vael Cerise", des titres comme "Cherry leather tote", "Brass hardware" et "Room for a laptop", des pastilles pour le stock et le prix. Termine sur "The Cerise tote is here".
Un carrousel qui a du poids. Cuboid Carousel construit vos cartes comme des blocs biseautés avec de vraies lumières et de vraies ombres, les pose sur une vague qui avance et fait passer devant elles une caméra façon prise à la main. Puis la carte vedette que vous avez choisie sort de la chaîne, culbute et se pose face à la caméra pour le temps fort final.
Comment ça marche
- Demandez : dites à votre agent ce que le carrousel doit afficher : une carte par élément, chacune avec une catégorie, un titre et deux pastilles, par exemple un statut et une date ou un prix.
- 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
- Écrivez des titres de deux à cinq mots ; ils tiennent sur une petite face.
- Choisissez comme carte vedette celle sur laquelle vous voulez finir.
- Des lumières principale et basse chaudes flattent les cartes sombres ; gardez le fond plus sombre que les cartes.
- Avec ses 6,7 secondes, il boucle bien dans les fils ; rendez-le deux fois à la suite pour une version 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
- Une liste de cartes : pour chacune, une catégorie, un titre court et deux pastilles.
- 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
Combien de cartes puis-je utiliser ?
De une à douze. Passez-les sous forme de liste JSON dans la variable cards et choisissez celle qui devient la vedette.
Puis-je changer l'aspect des blocs ?
Oui. La taille, l'épaisseur, l'arrondi des angles, le biseau, la couleur, la rugosité, l'aspect métallique et chaque lumière sont des variables.
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, Vael.
