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
Vidéo de démo produit rendue depuis du code v1.0.0
Utilisez cette ressource pour réaliser une vidéo de démo ou de lancement pour un logiciel
Nouveau
- 573 téléchargements
- 170 mentions J'aime
- 126 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install product-demo-video-from-codeSans 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 loginL'agent vous pose un seul brief, écrit le script et la feuille de séquence, puis construit une page HTML animée image par image. Il la rend en MP4 avec flou de mouvement et une bande-son synthétisée. Le style est calme et aéré : une ligne de texte à la fois, la caméra qui avance, et l'interface du produit montrée de près pendant son utilisation.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- HTML animé rendu avec Playwright et ffmpeg
- Utilise
- Node.js
- Playwright (Chromium)
- ffmpeg
- Licence
- MIT
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
PalateKit Motion, la bibliothèque
- 338338 téléchargements
- 198198 mentions J'aime
- 249249 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
Ce que vous obtenez
- SKILL.md, traduit en français : brief, structure en scènes, règles de style, contrat de la page et bande-son
- Les fonctions utilitaires d'animation (ressort, images clés, aléatoire à graine fixe)
- Le script de rendu render.mjs (Playwright et ffmpeg), fourni dans le texte de la skill
- Une étape de vérification : planche d'images, brouillon, puis version finale
Pour qui
- Une démo à placer sur la page d'accueil d'une application ou d'un SaaS
- Une vidéo de lancement ou « comment ça marche » en 16:9 ou en vertical
- Montrer 3 à 5 fonctionnalités avec l'interface réelle du produit
Pas pour qui
- Des vidéos filmées ou du montage de rushes
- Des clips très énergiques de quelques secondes (le style est calme)
- Une démo avec des chiffres ou témoignages que vous ne pouvez pas justifier
Étiquettes
- démo
- vidéo
- produit
- lancement
- motion design
À propos
Vous dites
« Fais une démo de 60 secondes de mon outil, voici l'adresse du site ; ce qu'il faut retenir : on tape une idée et on obtient une application. »
Skill publiée par barty-bart sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- L'adresse du site ou la description du produit et Votre logo et vos couleurs, si vous voulez une vidéo à votre marque
- Dépendances
- Node.js, Playwright (Chromium) et ffmpeg
Comment l'utiliser
- Donnez l'adresse du site ou une description du produit, et le message à retenir.
- Relisez les images de contrôle puis le brouillon envoyé par l'agent.
- Demandez vos changements, puis lancez la version finale avec flou de mouvement.
Aperçu du contenu
Fichiers
- LICENSE1,3 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- SKILL.md24,3 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- barty-bart
- Source
- github.com/barty-bart/motion-graphics/tree/3d83d987d658601d8a1269eb691622bdcd427335/skills/explainer-default
- Licence
- MIT
Notice
Version modifiée de « explainer-default » (barty-bart, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Que faut-il installer ?
Node.js, Playwright avec Chromium (npm i playwright) et ffmpeg dans le PATH. L'agent enregistre le script de rendu fourni dans la skill sous le nom render.mjs.
Combien de temps dure le rendu final ?
Le flou de mouvement multiplie le temps : une vidéo finale de 60 secondes peut prendre 20 à 60 minutes sur un portable. Le brouillon, lui, est rapide.