Communitygithub.com

inspiriflow/awesome-motion-graphics

Une bibliothèque d'effets de motion design pour vidéos verticales talking-head (1080×1920), chaque effet étant un cahier des charges que Claude peut rendre avec Remotion. À utiliser lorsque l'utilisateur demande un effet nommé (reel wall, glass widgets, orbit, billboard, zoom through, text ring, tier list, glass graph, stage light, punch-in, checklist, comment box, stamp, cover star, match cut, messages, rabbit hole…), dit "/edit <nom>", demande "quels effets peux-tu faire ?" ou veut un effet vidéo social premium sur son propre clip.

Qu'est-ce que awesome-motion-graphics ?

Ce skill fournit une bibliothèque de recettes d'effets de motion graphics préconfigurés pour la création de vidéos verticales de type « talking-head » (1080×1920). Chaque effet est défini par un fichier Markdown dans le dossier `effects/`, décrivant son apparence, ses dépendances, les entrées utilisateur et les instructions de rendu avec Remotion. Le skill facilite la production d'effets visuels complexes (comme les murs de reels, les widgets en verre, les orbites, les tableaux d'affichage, etc.) en automatisant les étapes de configuration (style maison, masques, suivi de tête) et de rendu. Il est destiné aux utilisateurs de Claude Code souhaitant enrichir leurs vidéos sociales avec des effets premium, sans avoir à coder manuellement chaque animation. Le flux de travail inclut la génération de compositions nommées, le rendu vidéo final et l'affichage de captures d'écran clés. En cas de problème visuel, le skill documente des solutions de dépannage pour les artefacts de masque, la vitesse, la lisibilité du texte, etc.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/inspiriflow/awesome-motion-graphics/tree/HEAD/skills/awesome-motion-graphics

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Awesome Motion Graphics

Une bibliothèque de recettes d'effets collectées auprès de nombreuses sources. Chaque recette dans effects/ est un cahier des charges : à quoi elle ressemble, de quoi elle a besoin, ce que l'utilisateur doit remplir, et la disposition et le timing exacts.

Flux de travail

  1. Aucun nom donné ? Lister chaque fichier dans effects/ avec son summary d'une ligne extrait du frontmatter, regroupé par tags. Arrêtez-vous.
  2. Première exécution dans un projet ? Faire setup/house-style.md, puis setup/mask-and-head-track.md si les needs de l'effet incluent mask ou head-track. Ignorer ce qui existe déjà (HOUSE_STYLE.md, public/mask/, public/head-track.json).
  3. Lire le fichier effects/<nom>.md correspondant. Remplir chaque [INPUT] avec les mots de l'utilisateur. Demander tout ce qui manque encore, surtout les nombres réels. Ne jamais inventer de statistiques, de compteurs de vues ou de logos. Le timing donné en "sur le mot X" : transcrire le clip avec les horodatages des mots et les utiliser.
  4. Le construire comme sa propre composition nommée d'après l'effet, en suivant HOUSE_STYLE.md.
  5. Rendre dans out/<nom>.mp4, signaler le chemin, et montrer 4 images fixes (début, deux milieux, fin).

extras/ contient des recettes non liées à un effet : une intro/fin de style chat (chat-render.md) et l'assemblage de plusieurs montages en une seule bobine (full-reel.md).

Valeurs par défaut pour chaque recette

  • 1080×1920, 30 ips, clip source à public/talking.mp4 (copier, ne jamais modifier l'original).
  • Zone de sécurité pour tout ce qui est lisible : x 120–960, y 260–1700. Ne jamais couvrir le visage.
  • "Lumière linéaire" signifie : convertir en linéaire, effectuer le flou/teinte/lumière, reconvertir en sRGB.
  • "Encore en mouvement sur la dernière image" signifie que la poussée de la caméra ne s'arrête jamais complètement.

Quand quelque chose ne va pas

SymptômeCorrectif
Le cut-out scintille / halo autour des cheveuxLisser davantage le masque dans le temps ; éroder 1 px avant le floutage
Trop rapideAllonger à 4 s et adapter l'échelle de chaque mouvement
Texte difficile à lire sur téléphone+20 % sur tout le texte, vérifier à la taille du téléphone
Graphisme touche le visageLe déplacer plus bas, hors de la zone du visage
Mouvement robotiqueRéappliquer l'assouplissement et le flou de mouvement de HOUSE_STYLE.md
Machine lenteRendu d'aperçu à demi-taille d'abord, pleine qualité une fois approuvé

Ajouter une recette

Nouveau fichier dans effects/ avec ce frontmatter, le corps dans le même format que les autres (Inputs, Build, Timing) :

name: nom-en-kebab
summary: une ligne de ce que voit le spectateur
source: source-id extrait du README
needs: [mask, head-track, behind-me, reels, music]   # n'importe quel sous-ensemble
duration: 3s
tags: [3d, glass, text, camera, data, layout]

Skills associés