Gratuit
Solenne · 16:9
Rendu par ce Skill
Carte Orbit v1.0.0
Une carte de fonctionnalité entre, tourne autour d'une sphère de points sur une trajectoire de caméra fluide issue de Blender et ressort, le tout en 10 secondes.
Pas encore de note 0 téléchargements
- Format
- Vidéo · 16:9
- Durée
- 0:10
Gratuit Gratuit avec un compte
Collez ceci dans votre agent. Il connecte la CLI si besoin, puis installe le Skill.
Un bloc HyperFrames gratuit qui transforme une fonctionnalité produit en moment 3D. Une carte sombre percée d'une découpe ronde encadre une sphère de points ; elle entre par la droite, flotte, fait un tour complet autour de la sphère et sort par la gauche, sur un mouvement de caméra exporté de Blender. Le titre de la fonctionnalité, sa description, la couleur d'accent et l'angle d'orbite sont des variables.
Mis à jour le 2 nov. 2026
Ce que vous obtenez
- Un MP4 1920×1080 de 10 secondes avec une carte de fonctionnalité en 3D
- Un mouvement de caméra exporté de Blender, rejoué à l'image près
- Des variables pour le titre, la description, l'accent et l'angle d'orbite
Idéal pour
- Mises en avant de fonctionnalités pour les lancements d'apps et de SaaS
- Clips de changelog et de notes de version
- Inserts de visites produit
Pas pour
- Plusieurs fonctionnalités sur une même carte
- Les vraies captures d'écran d'app (elle affiche du texte, pas d'interface)
À propos de ce Skill
Vous dites
/orbit-card Fais une carte orbit pour la nouvelle fonctionnalité de notre app de maison connectée : titre "Evening wind-down", description "Lights dim, blinds close and the heat drops at sunset.", accent #E8735A.
Chaque fonctionnalité mérite son moment. Orbit Card place une seule fonctionnalité sur une carte : un titre, une phrase et un filet d'accent, autour d'une fenêtre ronde qui encadre une sphère de points en rotation. La trajectoire de caméra vient d'un rig Blender : l'entrée, le flottement, l'orbite complète et la sortie paraissent filmés plutôt qu'animés à la main.
Comment ça marche
- Demandez : dites à votre agent ce que la carte doit afficher : le titre de la fonctionnalité, une description en une phrase et une couleur d'accent.
- 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
- Une fonctionnalité par carte. Pour une liste, rendez le bloc une fois par fonctionnalité et montez les clips à la suite.
- Gardez la description sous douze mots ; elle s'affiche en petit sur la carte.
- Choisissez un accent dans la palette de votre marque ; il colore le filet et le halo de la sphère.
- Réglez l'orbite sur 180° pour un tour plus rapide, ou sur 720° pour un effet plus spectaculaire.
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
- Un nom de fonctionnalité, une phrase courte qui la décrit et votre couleur d'accent.
- 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 afficher une capture d'écran sur la carte ?
Pas tel quel : la carte contient un titre et une phrase autour de la sphère. Votre agent peut modifier le HTML pour ajouter une image, mais le bloc est pensé pour des textes courts.
Comment faire une liste de fonctionnalités ?
Rendez le bloc une fois par fonctionnalité avec des variables différentes et montez les clips à la suite ; chacun commence et finit sur une image vide, donc ils s'enchaînent proprement.
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, Solenne.
