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
Démo produit à partir de captures v1.0.0
Utilisez cette ressource pour fabriquer une vidéo de démonstration d'un produit ou d'une application à partir de captures d'écran
Nouveau
- 405 téléchargements
- 122 mentions J'aime
- 172 sauvegardes
4,49 €
Accès à vie à cette ressource, avec ses mises à jour.
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install product-demo-from-screenshotsSans 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 construit un projet Remotion qui encadre chaque capture, déplace un curseur synthétique sur la cible, fait onduler le clic puis zoome sur la zone utile avec une légende. Les valeurs sont calculées image par image : si la capture change, vous refaites le rendu sans réenregistrer. Vous obtenez un projet et un fichier MP4.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Remotion
- Utilise
- Node.js
- Remotion
- Playwright (facultatif, pour capturer les écrans)
- 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 : le rythme d'une démo, le cadre navigateur, le curseur, le zoom et la liste de contrôle.
- references/screenshot-demo.md : un exemple complet avec capture Playwright en 2×, cadres et composition multi-écrans.
- references/annotation-and-transitions.md : projecteurs, flèches, légendes et quatre transitions.
Pour qui
- Vous lancez un SaaS et vous n'avez que des captures ou des maquettes.
- Vous voulez une annonce de fonctionnalité de 15 à 90 secondes.
- Vous devez décliner la même démo pour plusieurs produits.
Pas pour qui
- Monter un enregistrement d'écran réel.
- Créer une vidéo sans ordinateur capable de lancer Node et Remotion.
Étiquettes
- démo produit
- remotion
- saas
- vidéo
- captures
À propos
Vous dites
« Fais une démo verticale de 30 secondes de mon tableau de bord à partir de ces trois captures, avec le clic sur Exporter et un zoom sur le graphique. »
Skill publiée par iart-ai sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- Vos captures d'écran ou maquettes. et Les étapes et les bénéfices à mettre en avant.
- Dépendances
- Node.js, Remotion et Playwright (facultatif, pour capturer les écrans)
Comment l'utiliser
- Fournissez vos captures (idéalement en 2×) et les actions à montrer.
- L'agent crée la composition et rend des images fixes à contrôler.
- Une fois les images validées, il encode le MP4.
Aperçu du contenu
Fichiers
- LICENSE1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- references/annotation-and-transitions.md6,6 Ko
- references/screenshot-demo.md9,8 Ko
- SKILL.md14,1 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- iart-ai
- Source
- github.com/iart-ai/ecommerce-video-skills/tree/2bd0dd19c9b2df5230f5d8f7453861b9681e49b4/skills/product-demo-video
- Licence
- MIT
Notice
Version modifiée de « product-demo-video » (iart-ai, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Les scripts d'aide cités sont-ils inclus ?
Non, ces scripts optionnels ne sont pas livrés. La vérification se fait avec les commandes Remotion décrites dans la skill.
De quoi a-t-on besoin pour l'installer ?
Un projet Remotion (npx create-video@latest) et Node. Playwright n'est utile que pour capturer vos écrans.