Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Trois barres face à face v1.0.0

Utilisez cette ressource pour Ajouter une scène de chiffres et données à un film de motion design

Nouveau

  • 348 téléchargements
  • 133 mentions J'aime
  • 182 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 palatekit-motion-bar-compare

Sans 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 login

Trois barres horizontales qui poussent : la marque contre deux références, avec libellés, valeurs et un gain en italique. Chiffres d'exemple. Scène HyperFrames de 7 s, prête pour un film de lancement ou un reel : votre agent la remplit avec vos vrais textes, dans votre couleur de marque, en 16:9, 9:16 ou 1:1. Chaque texte est contrôlé avant le rendu (longueur, débordement, lisibilité) et ce que vous ne remplissez pas est masqué, jamais inventé.

Choisie surtout par

Mise à jour le 2 novembre 2026

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

    Vidéo

    Fenêtre d'application et zoom

    • 365365 téléchargements
    • 125125 mentions J'aime
    • 188188 sauvegardes
    Compatible avec
    • Claude Code
    • Codex
    • Cursor
    • et 3 autres
    + HyperFrames
  • Gratuit

    Vidéo

    Un seul grand chiffre

    • 463463 téléchargements
    • 223223 mentions J'aime
    • 100100 sauvegardes
    Compatible avec
    • Claude Code
    • Codex
    • Cursor
    • et 3 autres
    + HyperFrames
  • PRO

    Vidéo

    PalateKit Motion, la bibliothèque

    • 338338 téléchargements
    • 198198 mentions J'aime
    • 249249 sauvegardes
    Compatible avec
    • Claude Code
    • Codex
    • Cursor
    • et 3 autres
    + HyperFrames
  • PRO

    Vidéo

    Avant / après au curseur

    • 322322 téléchargements
    • 248248 mentions J'aime
    • 238238 sauvegardes
    Compatible avec
    • Claude Code
    • Codex
    • Cursor
    • et 3 autres
    + HyperFrames
  • PRO

    Vidéo

    Carrousel de trois cartes

    • 418418 téléchargements
    • 157157 mentions J'aime
    • 101101 sauvegardes
    Compatible avec
    • Claude Code
    • Codex
    • Cursor
    • et 3 autres
    + HyperFrames
  • PRO

    Vidéo

    Échange en bulles

    • 564564 téléchargements
    • 127127 mentions J'aime
    • 161161 sauvegardes
    Compatible avec
    • Claude Code
    • Codex
    • Cursor
    • et 3 autres
    + HyperFrames
  • PRO

    Vidéo

    Liste qui se coche

    • 442442 téléchargements
    • 233233 mentions J'aime
    • 160160 sauvegardes
    Compatible avec
    • Claude Code
    • Codex
    • Cursor
    • et 3 autres
    + HyperFrames
  • PRO

    Vidéo

    Bouton pressé

    • 474474 téléchargements
    • 238238 mentions J'aime
    • 198198 sauvegardes
    Compatible avec
    • Claude Code
    • Codex
    • Cursor
    • et 3 autres
    + HyperFrames

Ce que vous obtenez

  • La scène « Trois barres face à face » en 16:9, 9:16 et 1:1, dans 3 thèmes et votre couleur de marque
  • 10 emplacements de texte, avec une limite de caractères par format
  • Les scripts pour la remplir, la contrôler et la rendre en MP4

Pour qui

  • Un temps précis d'un film de lancement ou d'une annonce
  • Un reel ou un short aux couleurs de votre marque

Pas pour qui

  • Monter des vidéos filmées
  • Générer une voix off ou des images par IA

Étiquettes

  • motion-design
  • hyperframes
  • data

À propos

Vous dites

Remplis la scène « Trois barres face à face » avec les vrais textes de notre site et rends-la en 9:16.

Aperçu animé de la scène « Trois barres face à face » avec la marque d'exemple Orvale.

Scène conçue et maintenue par PalateKit, rendue avec HyperFrames (Apache-2.0).

Voir plus

Prérequis

À préparer
Vos textes et Votre couleur de marque (hexadécimal)
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

  1. Installez la ressource, puis lancez `npm install` une fois dans son dossier.
  2. Donnez à votre agent vos textes, votre couleur de marque et le format voulu.
  3. L'agent remplit la scène, la contrôle, regarde la planche puis rend le MP4.

Aperçu du contenu

Fichiers

  • catalog.json2,6 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/bar-compare/index.html9,4 Ko
  • scenes/bar-compare/scene.json1,8 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.md1,8 Ko
  • themes.json0,4 Ko

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.