
Rendu par ce Skill
Vue éclatée en couches v1.0.0
Quatre plaques isométriques s'écartent avec une étiquette à côté de chaque couche, marquent une pause, puis se referment en une seule pile.
- 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 des moments « ce qu'il y a dedans » de 5 secondes. Quatre plaques isométriques s'écartent, chacune reçoit une étiquette numérotée et son propre dessin, les couches marquent une pause, puis se replient en une seule pile. Le titre, les noms des quatre couches, l'accent et le fond sont des variables.
Mis à jour le 3 nov. 2026
Ce que vous obtenez
- Un MP4 1920×1080 de 5 secondes
- Quatre couches isométriques étiquetées qui s'écartent et se réassemblent
- Des variables pour le titre, les noms des couches et deux couleurs
Idéal pour
- Moments produit « ce qu'il y a dedans »
- Schémas d'architecture et de systèmes
- Présentations de fonctionnalités et onboarding
Pas pour
- Les photos des vraies couches du produit
- Plus de quatre couches
À propos de ce Skill
/exploded-stack Fais une vue éclatée intitulée "Inside the Halden Solace" avec les couches Knit upper, Foam midsole, Carbon plate et Grip outsole. Accent #E2552B sur un fond blanc cassé chaud.
Montrer de quoi est fait un produit inspire vite confiance. Exploded Layer Stack décompose un produit ou un système en quatre couches étiquetées puis le reconstitue, en cinq secondes. Il a été conçu pour l'architecture logicielle, et il fonctionne tout aussi bien pour une chaussure, un matelas, une routine de soin ou une offre tarifaire.
Comment ça marche
- Demandez : donnez à votre agent un titre et quatre noms de couches, de haut en bas, ainsi qu'une couleur d'accent.
- 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
- Nommez chaque couche en deux ou trois mots.
- Ordonnez-les comme le produit est réellement construit, de haut en bas.
- Prenez la couleur de votre marque comme accent ; elle éclaire la couche active.
- Insérez-le dans une vidéo explicative plus longue pour le passage « comment ça marche ».
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
- Un titre, quatre noms de couches et une 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 utiliser plus de quatre couches ?
Le bloc en compte quatre. Pour davantage, votre agent peut le rendre deux fois avec des couches différentes et monter les deux clips à la suite.
Les plaques peuvent-elles afficher mes photos produit ?
Non. Les plaques sont de simples dessins ; ce sont les étiquettes qui portent le sens.
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, Halden Solace.






