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

PalateKit

Menu

Demander une ressource

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

0 / 280

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.

Sélection PalateKit

16 effets de motion aux couleurs de votre marque v1.0.0

Utilisez cette ressource pour créer un effet de motion de marque pour un post, un reel ou une vidéo

Nouveau

  • 393 téléchargements
  • 162 mentions J'aime
  • 192 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 motion-effects-builder

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

Vous choisissez un effet parmi seize, vous donnez vos vrais textes, votre format et vos couleurs. L'agent lit la recette de l'effet puis construit un fichier HTML autonome, piloté par une seule horloge (window.seek), qui se boucle sur 8 secondes. Il contrôle sept images clés avant de vous le montrer et vous aide à l'exporter en MP4 et en GIF.

Mise à jour le 2 novembre 2026

Un bouton qui se transforme en lecteur vidéo, l'un des seize effets de motion en boucle de huit secondes.

Caractéristiques

Guides d'installation
Génère avec
HyperFrames
Utilise
  • Un navigateur et ffmpeg (ou HyperFrames) pour l'export vidéo
Licence
MIT

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

    Trois barres face à face

    • 348348 téléchargements
    • 133133 mentions J'aime
    • 182182 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

Ce que vous obtenez

  • SKILL.md traduit en français : les cinq étapes, les règles de construction et les pièges
  • references/effects.md : les 16 recettes (état de départ, état d'arrivée, timing, détail premium)
  • Un fichier effect.html autonome, avec boucle ou maintien, produit pour vous
  • Une consigne d'export MP4 et GIF image par image

Pour qui

  • Vous voulez un titre animé, un graphique qui bouge ou un logo en particules pour un reel ou un post
  • Vous avez une charte (couleurs, police, logo) à respecter dans chaque animation
  • Vous préparez une vidéo de lancement ou un rapport client plus vivant

Pas pour qui

  • Monter des rushs filmés ou une vidéo longue
  • Générer des vidéos réalistes avec une IA de génération
  • Des animations de page web qui réagissent au clic de l'utilisateur

Étiquettes

  • motion design
  • animation
  • reel
  • html
  • gif

À propos

Vous dites

« Construis l'effet n°5 (morphing de graphique) avec mes chiffres de la semaine, en 1080x1350, aux couleurs de ma marque, en boucle. »

Un bouton qui se transforme en lecteur vidéo, l'un des seize effets de motion en boucle de huit secondes.

Skill publiée par charlie947 sous licence MIT, traduite par PalateKit.

Voir plus

Prérequis

À préparer
Votre charte : codes couleur, police et logo et Les vrais textes et chiffres à afficher
Dépendances
Un navigateur et ffmpeg (ou HyperFrames) pour l'export vidéo

Comment l'utiliser

  1. Installez la skill et préparez vos couleurs, votre police et votre logo.
  2. Choisissez l'effet, donnez vos textes et chiffres réels, le format et boucle ou maintien.
  3. Validez les images de contrôle, puis demandez l'export en MP4 et en GIF.

Aperçu du contenu

Fichiers

  • LICENSE1,1 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • references/effects.md17 Ko
  • SKILL.md10,3 Ko

Origine et licence

Modifié par PalateKit

Auteur
charlie947
Source
github.com/charlie947/motion-graphics-skills/tree/229022ebca76972e119e36ada23a1648d51665ab/skills/motion-effects
Licence
MIT

Notice

Version modifiée de « motion-effects » (charlie947, MIT) : traduction française et fiche par PalateKit.

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.

Questions fréquentes

Que faire si je n'ai pas de charte graphique ?

La skill demande alors des codes hexadécimaux, une police et un logo. Elle propose aussi de lancer une skill « brand-intake » si vous l'avez, mais ce n'est pas obligatoire.

Comment obtenir la vidéo ?

L'étape 5 donne une demande type pour que l'agent capture chaque image avec window.seek et encode un MP4 puis un GIF avec les outils déjà installés (par exemple ffmpeg). Il doit vous prévenir avant d'installer quoi que ce soit.