
Rendu par ce Skill
Carte Abonnement (app vidéo) v1.0.0
Une carte d'abonnement façon TikTok avec votre avatar, votre nom et votre nombre d'abonnés, et un bouton rouge Follow qui passe à Following d'un tap.
- 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 dans le style des vidéos courtes : une pastille de profil sombre avec avatar, nom, identifiant et nombre d'abonnés surgit, et un tap fait passer le bouton rouge Follow à Following. 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 TikTok, Reels et Shorts
- Restaurants, marques food et lifestyle
- Chaînes de créateurs
Pas pour
- Les vidéos horizontales
- Les appels à l'action longs
À propos de ce Skill
/tiktok-follow Fais une carte d'abonnement façon TikTok pour Ember & Bun (@emberandbun, 212K abonnés) avec le Double Stack en avatar, sur notre plan du burger.
C'est la dernière seconde d'une vidéo courte qui décide si l'on s'abonne. Follow Card (Video App) donne à cette seconde une demande claire et familière : votre profil et un tap satisfaisant sur Follow, posés sur votre meilleur plan.
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
- Prenez pour avatar votre produit ou votre visage le plus reconnaissable.
- Gardez un nom court ; les noms longs passent sur deux lignes.
- 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.
- Associez-la à un plan final fort sur 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
- 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 traduire le texte du bouton ?
Oui. "Follow" et "Following" sont du simple texte dans le HTML.
Existe-t-il une version pour les apps photo ?
Oui, la Carte Abonnement (app photo) reprend la même idée avec un bouton bleu.
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, Ember & Bun.







