GratuitVidéo
Fenêtre d'application et zoom
- 365365 téléchargements
- 125125 mentions J'aime
- 188188 sauvegardes
Compatible avec
+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Sélection PalateKit
PalateKit Motion, la bibliothèque v1.0.0
Utilisez cette ressource pour Créer un film de lancement ou un reel aux couleurs de votre marque
Nouveau
- 338 téléchargements
- 198 mentions J'aime
- 249 sauvegardes
Réservé aux membres
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install palatekit-motionSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginVotre agent lit votre site ou votre brief, écrit le récit en temps (accroche, démonstration, preuve, appel à l'action), choisit une scène par temps parmi 31, la remplit avec vos vrais textes, votre logo et vos captures, puis assemble un film MP4 dans votre couleur de marque. Huit familles : interfaces produit, chiffres, appels à l'action, galeries, flux et agents, révélations, prompts, typographie animée. Chaque scène est contrôlée avant le rendu ; rien n'est inventé : ce que vous ne fournissez pas est masqué.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- HyperFrames
- Utilise
- Node.js 22 ou plus récent
- FFmpeg
- Connexion Internet (Chrome sans interface au premier lancement, GSAP à chaque rendu)
Ressources similaires
Tout voir- Gratuit
GratuitVidéo
Un seul grand chiffre
- 463463 téléchargements
- 223223 mentions J'aime
- 100100 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Trois barres face à face
- 348348 téléchargements
- 133133 mentions J'aime
- 182182 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Avant / après au curseur
- 322322 téléchargements
- 248248 mentions J'aime
- 238238 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Carrousel de trois cartes
- 418418 téléchargements
- 157157 mentions J'aime
- 101101 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Échange en bulles
- 564564 téléchargements
- 127127 mentions J'aime
- 161161 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Liste qui se coche
- 442442 téléchargements
- 233233 mentions J'aime
- 160160 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Bouton pressé
- 474474 téléchargements
- 238238 mentions J'aime
- 198198 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- 31 scènes HyperFrames en 16:9, 9:16 et 1:1, dans 3 thèmes et votre couleur de marque
- Un mode d'emploi pour l'agent : du site au film, temps par temps
- Les scripts pour remplir, contrôler, rendre et assembler les scènes, avec musique facultative
Pour qui
- Fondateurs et équipes marketing qui préparent un lancement ou une annonce
- Séries de reels qui doivent garder la même identité
- Agents qui montent un film à partir d'un site ou d'un brief
Pas pour qui
- Monter des vidéos filmées longues
- Générer une voix off ou des images par IA
Étiquettes
- motion-design
- hyperframes
- video
À propos
Vous dites
Fais un film de lancement de 30 secondes pour notre produit à partir de notre site, en 16:9 et en 9:16.
Bibliothèque conçue et maintenue par PalateKit, rendue avec HyperFrames (Apache-2.0).
Voir plusVoir moins
Prérequis
- À préparer
- L'adresse de votre site ou votre brief de lancement, Votre logo, vos captures et votre couleur de marque et Une musique dont vous avez les droits (facultatif)
- Dépendances
- Node.js 22 ou plus récent, FFmpeg et Connexion Internet (Chrome sans interface au premier lancement, GSAP à chaque rendu)
Comment l'utiliser
- Installez la ressource, puis lancez `npm install` une fois dans son dossier.
- Donnez à votre agent l'adresse de votre site ou votre brief, votre couleur et les formats voulus.
- L'agent écrit les temps, choisit et remplit les scènes, les contrôle, puis assemble le film.
Aperçu du contenu
Fichiers
- catalog.json64,7 Ko
- fonts/BricolageGrotesque-OFL.txt4,3 Ko
- fonts/BricolageGrotesque.ttf398,9 Ko
- fonts/InstrumentSerif-Italic.ttf69,9 Ko
- fonts/InstrumentSerif-OFL.txt4,3 Ko
- fonts/InstrumentSerif-Regular.ttf68,4 Ko
- fonts/JetBrainsMono-OFL.txt4,3 Ko
- fonts/JetBrainsMono.ttf182,8 Ko
- LICENSE0,8 Ko
- NOTICE-PALATEKIT.md0,2 Ko
- NOTICE.md0,4 Ko
- package.json0,2 Ko
- scenes/app-window-zoom/assets/screenshot.svg2,9 Ko
- scenes/app-window-zoom/index.html7,4 Ko
- scenes/app-window-zoom/scene.json1,5 Ko
- scenes/bar-compare/index.html9,4 Ko
- scenes/bar-compare/scene.json1,8 Ko
- scenes/before-after-wipe/assets/after.svg3 Ko
- scenes/before-after-wipe/assets/before.svg3,6 Ko
- scenes/before-after-wipe/index.html8,4 Ko
- scenes/before-after-wipe/scene.json1,3 Ko
- scenes/big-number/index.html9,4 Ko
- scenes/big-number/scene.json1,2 Ko
- scenes/carousel-three/assets/img1.svg0,5 Ko
- scenes/carousel-three/assets/img2.svg0,8 Ko
- scenes/carousel-three/assets/img3.svg1 Ko
- scenes/carousel-three/index.html8,5 Ko
- scenes/carousel-three/scene.json1,4 Ko
- scenes/chat-exchange/index.html7,8 Ko
- scenes/chat-exchange/scene.json1,5 Ko
- scenes/checklist-done/index.html9,9 Ko
- scenes/checklist-done/scene.json1,6 Ko
- scenes/cta-button-press/index.html8,7 Ko
- scenes/cta-button-press/scene.json1,1 Ko
- scenes/cta-launch-date/index.html7,1 Ko
- scenes/cta-launch-date/scene.json1,3 Ko
- scenes/cta-signoff/assets/logo.svg0,4 Ko
- scenes/cta-signoff/index.html5,6 Ko
- scenes/cta-signoff/scene.json0,9 Ko
- scenes/cta-url-bar/index.html9,5 Ko
- scenes/cta-url-bar/scene.json1,1 Ko
- scenes/cursor-tour/assets/shot.svg3 Ko
- scenes/cursor-tour/index.html10,6 Ko
- scenes/cursor-tour/scene.json1,4 Ko
- scenes/feature-toggles/index.html11,1 Ko
- scenes/feature-toggles/scene.json2,1 Ko
- scenes/headline-stack/index.html5,6 Ko
- scenes/headline-stack/scene.json1,1 Ko
- scenes/image-mosaic/assets/img1.svg1 Ko
- scenes/image-mosaic/assets/img2.svg1 Ko
- scenes/image-mosaic/assets/img3.svg1,2 Ko
- scenes/image-mosaic/assets/img4.svg2,5 Ko
- scenes/image-mosaic/assets/img5.svg1 Ko
- scenes/image-mosaic/assets/img6.svg1,3 Ko
- scenes/image-mosaic/index.html8,4 Ko
- scenes/image-mosaic/scene.json1,1 Ko
- scenes/kpi-dashboard/index.html10,7 Ko
- scenes/kpi-dashboard/scene.json2,3 Ko
- scenes/logo-iris-reveal/assets/logo.svg0,3 Ko
- scenes/logo-iris-reveal/index.html6,7 Ko
- scenes/logo-iris-reveal/scene.json0,9 Ko
- scenes/milestone-timeline/index.html9,1 Ko
- scenes/milestone-timeline/scene.json2,1 Ko
- scenes/notification-stack/index.html8,3 Ko
- scenes/notification-stack/scene.json2 Ko
- scenes/phone-scroll/assets/screen.svg3,3 Ko
- scenes/phone-scroll/index.html8,4 Ko
- scenes/phone-scroll/scene.json1,3 Ko
- scenes/pipeline-steps/index.html9,9 Ko
- scenes/pipeline-steps/scene.json1,3 Ko
- scenes/polaroid-scatter/assets/img1.svg0,7 Ko
- scenes/polaroid-scatter/assets/img2.svg3 Ko
- scenes/polaroid-scatter/assets/img3.svg0,7 Ko
- scenes/polaroid-scatter/assets/img4.svg1,7 Ko
- scenes/polaroid-scatter/index.html7,2 Ko
- scenes/polaroid-scatter/scene.json1,5 Ko
- scenes/product-spotlight/assets/shot.svg2,7 Ko
- scenes/product-spotlight/index.html7,7 Ko
- scenes/product-spotlight/scene.json1 Ko
- scenes/progress-ring/index.html10 Ko
- scenes/progress-ring/scene.json1,4 Ko
- scenes/prompt-answer/index.html10,4 Ko
- scenes/prompt-answer/scene.json1,7 Ko
- scenes/prompt-to-cards/index.html9,1 Ko
- scenes/prompt-to-cards/scene.json1,2 Ko
- scenes/search-to-result/index.html11,3 Ko
- scenes/search-to-result/scene.json2,5 Ko
- scenes/section-divider/index.html7 Ko
- scenes/section-divider/scene.json1,2 Ko
- scenes/stat-grid/index.html9 Ko
- scenes/stat-grid/scene.json2 Ko
- scenes/task-router/index.html12 Ko
- scenes/task-router/scene.json1,4 Ko
- scenes/word-swap-ticker/index.html7,7 Ko
- scenes/word-swap-ticker/scene.json1,3 Ko
- scripts/assemble.mjs6,6 Ko
- scripts/check.mjs6,2 Ko
- scripts/create.mjs7 Ko
- scripts/lib/catalog.mjs3,3 Ko
- scripts/lib/cli.mjs0,6 Ko
- scripts/lib/run.mjs1,8 Ko
- scripts/lib/slots.mjs1,6 Ko
- scripts/lib/theme.mjs2,3 Ko
- SKILL.md6,9 Ko
- themes.json0,4 Ko
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…