Gratuit
Solenne · 16:9
Rendu par ce Skill
Notification de bureau v1.0.0
Une bannière de notification animée façon macOS glisse à l'écran avec l'icône de votre app, un titre et un message, puis repart.
Pas encore de note 0 téléchargements
- Format
- Vidéo · 16:9
- 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 une notification de bureau de 5 secondes. Une bannière givrée avec l'icône de votre app, son nom, un titre et un message d'une ligne glisse en haut à droite, reste un instant puis ressort. Le texte et l'icône se modifient dans le HTML ; le fond transparent permet de la poser sur un enregistrement d'écran ou un fond d'écran.
Mis à jour le 3 nov. 2026
Ce que vous obtenez
- Une incrustation de notification 1920×1080 de 5 secondes sur fond transparent
- Une icône d'app, un nom, un titre et un message
- Les instructions pour la superposer à un enregistrement d'écran
Idéal pour
- Démos de SaaS et d'apps
- Tutoriels et vidéos explicatives
- Annonces de fonctionnalités
Pas pour
- Les vidéos uniquement verticales
- Les messages longs
À propos de ce Skill
Vous dites
/macos-notification Fais une notification de bureau de Solenne : titre "Evening wind-down is on", message "Lights dimmed to 35%, blinds closed and the heating eased to 19°", sur notre photo du salon.
Une notification de bureau, c'est le moyen le plus rapide de montrer que votre produit vient de faire quelque chose. Notification de bureau en anime une dans le style macOS familier, sur votre enregistrement d'écran ou votre fond d'écran : "Evening wind-down is on", "Payment received", "Your export is ready".
Comment ça marche
- Demandez : donnez à votre agent le nom et l'icône de votre app, un titre et un message d'une ligne.
- 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
- Formulez le titre comme un résultat, pas comme une fonctionnalité.
- Limitez le message à une ligne.
- 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.
- Il n'a pas de variables : votre agent modifie les textes et les chiffres directement dans le HTML, en suivant le SKILL.md.
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
- Le nom de votre app, une icône carrée, un titre et un message d'une ligne.
- 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 plusieurs notifications ?
Rendez-le une fois par notification et empilez les clips au montage, ou demandez à votre agent de dupliquer la bannière dans le HTML.
Affiche-t-il un logo Apple ?
Non. Il affiche l'icône et le nom de votre propre app dans une bannière façon macOS.
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, Solenne.
