Communitygithub.com

mryunkaka/remotion-visual-direction

Concevez des vidéos Remotion dont les visuels possèdent du caractère, un arrière-plan et des mouvements vivants, sans donner l'impression d'un diaporama générique. À utiliser lors de la création d'un storyboard ou d'une scène.

Qu'est-ce que remotion-visual-direction ?

Ce skill fournit des directives détaillées pour la conception visuelle et l'animation de vidéos créées avec Remotion. Il guide l'utilisateur dans le choix des médias (illustrations, séquences sous licence, collage, formes 2D, SVG, Canvas, 3D) en fonction de l'émotion et des informations du récit. Il décrit comment structurer chaque plan avec un sujet, un avant-plan/arrière-plan, une échelle, une direction de mouvement, un mouvement de caméra et une raison de transition. L'accent est mis sur la création d'arrière-plans reconnaissables avec profondeur (taille, chevauchement, parallaxe, éclairage) et sur l'emploi de mouvements principaux et secondaires fluides, avec des easings et des pauses intentionnelles. Le skill traite également de la conception et de l'animation de personnages (styles, pivots, poids, anticipation, respiration) et met en garde contre les pièges courants (figures robotiques, textures bruitées, détails superflus). Enfin, il rappelle les contraintes de Remotion (déterministe, basé sur les images) et l'importance de vérifier chaque plan via des aperçus statiques et animés.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mryunkaka/remotion-video/tree/HEAD/.opencode/skills/remotion-visual-direction

Demander à votre IA préférée

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

Documentation

Directives visuelles et de mouvement

Partez de l'émotion et des informations contenues dans chaque battement narratif. Choisissez le média et la composition parce qu'ils conviennent à l'histoire : illustration graphique, séquences sous licence, collage, formes 2D, SVG, Canvas ou 3D si cela soutient vraiment le propos. Établissez des règles cohérentes pour la palette, les formes, la lumière, la texture, la mise au point et le mouvement, mais variez-les d'un battement à l'autre.

Pour chaque plan, définissez le sujet/point focal, l'avant-plan et l'arrière-plan, l'échelle, la direction du mouvement, la caméra et la raison de la transition. Concevez l'arrière-plan comme un espace reconnaissable : forme de l'environnement, surface, horizon, distance proche/lointaine, éclairage et détails contextuels. Ne vous arrêtez pas à un dégradé vide agrémenté de quelques rectangles. Construisez la profondeur par la taille, le chevauchement, le parallaxe, l'éclairage ou les changements de mise au point. N'ajoutez de brume que si le style artistique l'exige.

Concevez un ou deux mouvements principaux et des mouvements secondaires subtils. Choisissez des mouvements de caméra différents entre les plans — par exemple, panoramique, travelling, dolly, orbite, tilt ou caméra statique — et utilisez des easings et des pauses qui ont un sens. N'utilisez pas le même zoom dans toute la scène. Ne donnez des formes organiques aux éléments que si la scène le justifie.

Personnages et corps

Si l'histoire nécessite vraiment de montrer des personnes, déterminez si le style d'illustration, le personnage 2.5D, les séquences sous licence ou une forme symbolique conviennent le mieux. Ne dessinez pas de figures photoréalistes avec des formes peu convaincantes. Assurez la cohérence du design des personnages entre les plans. Pour les illustrations superposées, animez les épaules, les coudes, les poignets, la tête, le regard, les cheveux/vêtements avec des pivots crédibles ; ajoutez un transfert de poids, une anticipation, un suivi et de légers mouvements de respiration si le plan est suffisamment long. Variez le timing en fonction de l'émotion, ne faites pas rebondir toutes les parties avec des ressorts identiques. Évitez les silhouettes humaines qui ressemblent à un empilement de rectangles, sauf si c'est un style graphique délibérément choisi.

Si la qualité des personnages générés par code dégrade le résultat, simplifiez le style en une silhouette/cutout soignée ou choisissez des images/séquences clairement sous licence plutôt que de forcer des personnes qui semblent rigides. Évitez les objets flottants, les textures de bruit excessives et les faux détails qui obscurcissent le sujet.

Remotion doit être déterministe et basé sur les images. Passez en revue les images fixes de la scène, la planche contact et la prévisualisation animée pour détecter les designs qui ont l'air bien en code mais sont mauvais à regarder. Le texte doit être court, lisible sur l'écran cible et placé dans la zone de sécurité. Aucune transition, aucun glitch, particule, grain ou effet de lumière n'est imposé de manière universelle.

Skills associés