✦ Choix du studio
Aurelle · 9:16
Rendu par ce Skill
Carte Abonnement (app photo) v1.0.0
Une carte de profil façon Instagram apparaît avec votre avatar, votre nom et votre nombre d'abonnés, et le bouton Follow passe à Following.
Pas encore de note 0 téléchargements
- Format
- Format court · 9:16
- 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 appel à s'abonner de 4,5 secondes. Une pastille de profil sombre avec votre avatar, votre nom, le badge certifié, votre identifiant et votre nombre d'abonnés surgit, un tap sans curseur fait passer le bouton bleu Follow à Following, et la carte se pose. Le nom, l'identifiant, le nombre d'abonnés et l'avatar se modifient dans le HTML ; le fond est transparent.
Mis à jour le 3 nov. 2026
Ce que vous obtenez
- Une incrustation 1080×1920 de 4,5 secondes sur fond transparent
- Une carte de profil et un tap animé sur Follow
- Les instructions pour la superposer à vos images
Idéal pour
- Cartes de fin pour Reels et Stories
- Croissance de comptes de créateurs et de marques
- Posts de collab et de concours
Pas pour
- Les vidéos horizontales
- Les appels à l'action longs
À propos de ce Skill
Vous dites
/instagram-follow Fais une carte d'abonnement façon Instagram pour Aurelle (@aurelle.gold, 48.2K abonnés) avec l'empilement de bracelets en avatar, sur notre plan des bracelets.
Terminez votre vidéo par une demande que tout le monde comprend déjà. Follow Card affiche votre profil, dans le style familier d'une app photo, et joue le tap sur Follow : les spectateurs savent exactement quoi faire ensuite.
Comment ça marche
- Demandez : donnez à votre agent votre nom affiché, votre identifiant, votre nombre d'abonnés et un avatar carré, ainsi que le plan sur lequel la 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
- Utilisez un avatar carré et simple, lisible en petit.
- Arrondissez le nombre d'abonnés, par exemple 48.2K.
- La carte a un fond transparent : rendez-la avec un canal alpha et superposez-la à votre propre vidéo ou photo ; le SKILL.md donne les deux commandes.
- Placez-la dans le tiers inférieur de l'image, comme dans notre exemple.
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
- Votre nom, votre identifiant, votre nombre d'abonnés, un avatar carré et le plan sur lequel la 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 du bouton ?
Oui. C'est du simple CSS dans le HTML.
Existe-t-il une version pour les apps de vidéos courtes ?
Oui, la Carte Abonnement (app vidéo) reprend la même idée dans un autre style.
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, Aurelle.
