Gratuit
Maison Vey · 16:9
Rendu par ce Skill
Titre en éclats de verre v1.0.0
Des éclats de verre irisés traversent la brume, s'assemblent en votre titre, marquent une pause, puis repartent.
Pas encore de note 0 téléchargements
- Format
- Vidéo · 16:9
- Durée
- 0:12
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 titre luxe de 12 secondes. Votre titre est découpé en éclats de verre générés aléatoirement et rendus en 3D sous une lumière de studio HDR ; ils arrivent des deux côtés, forment les mots, tournent légèrement sur place et laissent l'image vide en repartant. Le nombre de tuiles, l'arrondi, le biseau, le rythme, le chaos et la brume sont des variables.
Mis à jour le 2 nov. 2026
Ce que vous obtenez
- Un titre MP4 1920×1080 de 12 secondes en vrai verre 3D
- Votre titre assemblé à partir d'éclats, puis dégagé
- Des variables pour les tuiles, le biseau, l'arrondi, le rythme, le chaos et la brume
Idéal pour
- Lancements beauté, parfum et bijoux
- Noms de collection et titres de produits de luxe
- Ouvertures de films de marque haut de gamme
Pas pour
- Les longues accroches ou les textes courants
- Les marques vives et ludiques qui veulent des aplats de couleur
À propos de ce Skill
Vous dites
/glass-shard-title Fais un titre en éclats de verre pour notre parfum, "Ambre Nuit". Garde le rythme par défaut et rends-le en 1080p.
Un titre qui semble soufflé dans le verre. Glass Shard Title convertit votre titre en image, découpe sa silhouette en éclats de verre et les rend avec Three.js dans un environnement de studio HDR, pour que les arêtes accrochent de vrais reflets. Les éclats arrivent de gauche et de droite à travers une brume légère, s'emboîtent pour former les mots, tiennent un instant en tournant lentement, puis se dispersent et laissent une image nette pour votre plan suivant.
Comment ça marche
- Demandez : dites à votre agent ce que le titre doit afficher : le titre, généralement un nom de produit ou de collection.
- 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
- Un à trois mots se lisent le mieux ; une ligne longue rend les éclats minuscules.
- Augmentez la brume pour un rendu plus onirique et plus sombre ; baissez-la pour un verre net.
- Moins de tuiles donnent de grands éclats affirmés ; plus de tuiles, une mosaïque fine.
- Enchaînez avec un plan produit juste après le départ des éclats.
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
- Votre titre (un nom de produit ou de collection fonctionne le mieux).
- 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
Faut-il une carte graphique ?
Non. Le rendu passe par le Chrome que HyperFrames télécharge, sur le GPU s'il y en a un, sinon en rendu logiciel. Un rendu de 12 secondes prend environ une minute sur un ordinateur portable.
Qu'est-ce que Reelity a modifié ?
La texture de verre que le registre télécharge normalement à l'installation est incluse, GSAP et d3-delaunay se chargent depuis le paquet plutôt que depuis un CDN, et le script 3D attend désormais que la scène soit prête, ce qui supprime les images noires dans les rendus sans interface.
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, Maison Vey.
