Contexte AY Automate
Cas d'utilisation principal : contenu vidéo LinkedIn pour le leadership éclairé d'AY Automate.
Formats typiques de vidéos LinkedIn
- Clips de leadership éclairé (15-45 s) : Avis tranchés, démos d'agents IA, mises à jour de construction en public
- Tutoriels pas à pas (60-90 s) : Démos de workflows n8n, explications d'architecture d'agents
- Annonces de succès client (30-45 s) : Métriques avant/après, révélations de statistiques animées
Intégration de la marque
- Fond : #0a0f1a (bleu marine profond) | Accent : #00d4ff (cyan) | Texte : #f0f4f8
- Police : Inter (titres + corps), JetBrains Mono (code)
- Export : MP4, durée optimale 15-90 s, inclure toujours les sous-titres
Quand utiliser
Utilisez cette compétence dès que vous travaillez sur des projets Remotion. Cela inclut :
- Créer de nouvelles compositions ou animations vidéo
- Modifier des composants Remotion existants
- Ajouter des ressources (images, audio, vidéo) à un projet Remotion
- Construire des séquences animées, des transitions ou des effets
- Toute tâche impliquant un répertoire de projet Remotion
Déclencheurs clés : Le mot "Remotion", les chemins contenant remotion-videos/, les fichiers comme remotion.config.ts, ou les demandes de création de contenu vidéo animé en React.
Comment utiliser
Lisez les fichiers de règles individuels pour des explications détaillées et des exemples de code :
- rules/3d.md - Contenu 3D dans Remotion avec Three.js et React Three Fiber
- rules/animations.md - Compétences d'animation fondamentales pour Remotion
- rules/assets.md - Importation d'images, de vidéos, d'audio et de polices dans Remotion
- rules/audio.md - Utilisation de l'audio et du son dans Remotion - importation, rognage, volume, vitesse, hauteur
- rules/calculate-metadata.md - Définir dynamiquement la durée, les dimensions et les props d'une composition
- rules/can-decode.md - Vérifier si une vidéo peut être décodée par le navigateur avec Mediabunny
- rules/charts.md - Modèles de graphiques et de visualisation de données pour Remotion
- rules/compositions.md - Définir des compositions, des images fixes, des dossiers, des props par défaut et des métadonnées dynamiques
- rules/display-captions.md - Afficher des sous-titres dans Remotion avec des pages de style TikTok et un surlignage des mots
- rules/extract-frames.md - Extraire des images de vidéos à des instants précis avec Mediabunny
- rules/fonts.md - Charger des polices Google et des polices locales dans Remotion
- rules/get-audio-duration.md - Obtenir la durée d'un fichier audio en secondes avec Mediabunny
- rules/get-video-dimensions.md - Obtenir la largeur et la hauteur d'un fichier vidéo avec Mediabunny
- rules/get-video-duration.md - Obtenir la durée d'un fichier vidéo en secondes avec Mediabunny
- rules/gifs.md - Afficher des GIFs synchronisés avec la timeline de Remotion
- rules/images.md - Intégrer des images dans Remotion avec le composant Img
- rules/import-srt-captions.md - Importer des fichiers de sous-titres .srt dans Remotion avec @remotion/captions
- rules/lottie.md - Intégrer des animations Lottie dans Remotion
- rules/measuring-dom-nodes.md - Mesurer les dimensions d'éléments DOM dans Remotion
- rules/measuring-text.md - Mesurer les dimensions du texte, l'ajuster dans des conteneurs et vérifier les débordements
- rules/sequencing.md - Modèles de séquencement pour Remotion - délai, rognage, durée limitée des éléments
- rules/tailwind.md - Utiliser TailwindCSS dans Remotion
- rules/text-animations.md - Modèles de typographie et d'animation de texte pour Remotion
- rules/timing.md - Courbes d'interpolation dans Remotion - animations linéaires, easing, ressort
- rules/transcribe-captions.md - Transcrire l'audio pour générer des sous-titres dans Remotion
- rules/transitions.md - Modèles de transitions de scène pour Remotion
- rules/trimming.md - Modèles de rognage pour Remotion - couper le début ou la fin des animations
- rules/videos.md - Intégrer des vidéos dans Remotion - rognage, volume, vitesse, bouclage, hauteur
- rules/parameters.md - Rendre une vidéo paramétrable en ajoutant un schéma Zod
- rules/maps.md - Ajouter une carte avec Mapbox et l'animer