remotion-motion-director

Remotion Motion Director

Utilisez ce skill lorsque la qualité vidéo est aussi importante que la qualité du code. Il est conçu pour produire un travail de mouvement soigné avec une justification créative explicite, et non pas seulement des « animations fonctionnelles ».

Quand l'utiliser

• L'utilisateur demande des vidéos Remotion haut de gamme, dirigées par la marque.
• L'utilisateur a besoin de contrôles de style précis au-delà des modèles génériques.
• Le projet nécessite une exécution prioritaire du storyboard et des boucles de critique itératives.
• La demande mentionne un polish à la Apple, un mouvement cinématographique ou une sensation publicitaire haut de gamme.

Ne pas utiliser

• Corrections techniques ponctuelles sans besoin de direction de design.
• Demandes visant à copier exactement les marques déposées d'Apple, les photos de produits ou les scripts publicitaires.

Workflow requis

1. Capturer les contraintes :
   • Charger references/brand-control-schema.md.
   • Remplir les entrées manquantes avec des hypothèses explicites si l'utilisateur ne les fournit pas.
2. Définir la direction créative :
   • Charger references/motion-direction-principles.md.
   • Choisir un profil de mouvement principal et un profil de secours.
3. Appliquer les garde-fous « inspiré, pas copié » :
   • Charger references/apple-inspired-not-copied.md.
4. Planifier avant de coder :
   • Produire un storyboard scène par scène avec le timing et l'intention.
5. Construire dans Remotion :
   • Charger references/remotion-implementation-map.md.
   • Mapper les scènes aux primitives Composition, Sequence et de timing.
6. Critiquer et affiner :
   • Charger references/production-rubric.md.
   • Noter la sortie, lister les lacunes et exécuter au moins un cycle d'amélioration.

Contrat de sortie

Retournez toujours ces artefacts :

1. Brief de direction créative (message, public, promesse visuelle).
2. Fiche de contrôle de la marque et du mouvement (tokens et contrôles).
3. Storyboard avec le timing des scènes.
4. Notes de construction (quels composants/animations implémentent chaque scène).
5. Score de la grille d'évaluation QA plus les écarts pour la prochaine passe.

Modèles réutilisables

Utilisez-les avant de générer des fichiers personnalisés à partir de zéro :

• assets/storyboard-template.md
• assets/motion-tokens-template.ts
• assets/scene-template.tsx
• assets/remotion-root-template.tsx
• assets/qa-scorecard-template.md

Exemple de démarrage

Pour une implémentation de référence exécutable, voir :

• examples/motion-director-starter/README.md

Ce starter montre comment connecter un storyboard et des tokens de mouvement à une structure de projet Remotion minimale.

Barre de qualité

• Prioriser la clarté sur la complexité.
• Utiliser le mouvement pour révéler la hiérarchie, pas pour tout décorer.
• Garder le rythme intentionnel : éviter la surenchère de montage et les mouvements constants.
• Favoriser la cohérence dans les systèmes d'espacement, de typographie et de timing.
• Respecter l'accessibilité (contraste, options de mouvement réduit, lisibilité du texte).
• Si des contraintes manquent, déclarer les valeurs par défaut et continuer au lieu de bloquer.

Skills associés

• remotion-best-practices : correctitude technique Remotion.
• create-remotion-geist : langage visuel Vercel/Geist.
• remotion-ads : zones de sécurité sociale et contraintes de campagne.
• elevenlabs-remotion : pipeline vocal pour les montages narratifs.

Gestion de version

• Suivre le versionnage sémantique dans references/versioning-policy.md.
• Pour augmenter les versions, exécutez scripts/bump-version.sh.