Skills Remotion Dev

Contenu 3D dans Remotion en utilisant Three.js et React Three Fiber.

Accept an external Remotion Element contribution by verifying its committed previews, uploading them to R2, removing the temporary assets, and preparing the…

Ajouter une nouvelle entrée de bug Remotion dans packages/bugs/api/[v].ts. Utiliser lorsque l'utilisateur décrit un bug et les versions de Remotion concernées qui doivent être remontées via le…

Ajoute une nouvelle entrée de bug Remotion à packages/bugs/api/[v].ts. À utiliser lorsque l'utilisateur décrit un bug et les versions de Remotion concernées qui doivent être remontées via le…

Ajouter une nouvelle option CLI ou de configuration Remotion en créant un AnyRemotionOption, en enregistrant l'analyse CLI, en connectant les paramètres de configuration et en mettant à jour la documentation. Utiliser lorsque…

Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation. Use when…

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and…

Ajouter un nouvel effet à @remotion/effects, incluant l'implémentation, les exports du package, la documentation, les démos, les images d'aperçu, les mises à jour de la compétence Remotion, les tests, le formatage, et…

Ajouter un nouvel expert à la page des experts Remotion

Ajouter un nouvel expert à la page des experts Remotion

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, tests, and release checklist…

Ajouter un nouveau package au monorepo Remotion, incluant le scaffolding du package, l'enregistrement dans le monorepo, la documentation, les scripts de build, les tests et la checklist de publication…

Ajouter un nouvel effet sonore à @remotion/sfx

Ajoutez un bug WebCodecs du navigateur à la page de documentation des bugs WebCodecs de Remotion Mediabunny. À utiliser lorsqu'une URL de problème Chromium, WebKit ou Firefox doit être suivie…

Ajouter un bug WebCodecs de navigateur à la page de documentation des bugs WebCodecs de Remotion Mediabunny. Utiliser lorsqu'une URL de problème Chromium, WebKit ou Firefox doit être suivie…

Reconstruire, installer et recharger l'extension Chrome non empaquetée privée Remotion Canvas Capture. À utiliser lorsque l'extension doit être restaurée après un worktree Codex…

Checkout a requested branch or ref in the Remotion repo, rename the current task to the associated PR title when running in Codex, then install dependencies…

Extraire la branche ou la référence demandée dans le dépôt Remotion, puis installer les dépendances et compiler. Utiliser lorsque l'utilisateur demande d'extraire une référence et de préparer le…

Démarrez l'application locale @remotion/convert et ouvrez-la dans le navigateur Codex. À utiliser lorsque l'utilisateur invoque /convert ou $convert, demande de lancer convert.remotion.dev…

Lancer l'application locale @remotion/convert et l'ouvrir dans le navigateur Codex. Utiliser lorsque l'utilisateur invoque /convert ou $convert, demande de lancer convert.remotion.dev…

Référence sur la manière dont la dépréciation des API publiques de Remotion est représentée dans le code source et la documentation TypeScript. À utiliser lors de l'ajout, la révision ou la discussion d'une…

Start the Remotion docs site and open it in the Codex browser. Use when the user invokes /docs or $docs, asks to launch the local documentation site, or wants…

Lancer le site de documentation Remotion et l'ouvrir dans le navigateur Codex. Utiliser lorsque l'utilisateur invoque /docs ou $docs, demande à lancer le site de documentation local, ou souhaite…

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

Ajouter une démo interactive à la documentation Remotion. Utiliser lors de la création d'un nouveau composant <Demo> pour les pages de documentation.

Audit and clean the Remotion GitHub masterplan hierarchy. Use when finding open issues that lack a masterplan ancestor, identifying orphaned issues that need a…

Fix a Dependabot PR by updating all monorepo instances of the dependency, running bun install, and pushing

Corriger une PR Dependabot en mettant à jour toutes les instances monorepo de la dépendance, en exécutant bun install, et en poussant les modifications.

Track Remotion CI flakes in issue

Suivre les flocons CI de Remotion dans un ticket

Exécutez les vérifications de formatage et de style Remotion jusqu'à ce qu'elles réussissent. À utiliser lorsque l'utilisateur demande de corriger le formatage ou d'exécuter la commande de formatage.

Exécuter les vérifications de formatage et de style Remotion jusqu'à ce qu'elles soient réussies. Utiliser lorsque l'utilisateur demande de corriger le formatage ou d'exécuter la commande de formatage.

Gère les PR empilées et divise le travail en plusieurs parties en branches révisables avec gh-stack. À utiliser pour la création de piles, la consultation, les modifications, le push, la soumission, la synchronisation, le rebase,…

Use when rendering or replacing Remotion homepage creator strip videos, especially transparent Chrome WebM and Safari MP4 assets copied into both promo-pages…

Utiliser lors du rendu ou du remplacement des vidéos de la bande créateur de la page d'accueil Remotion, en particulier les actifs WebM Chrome transparents et MP4 Safari copiés dans les deux pages promotionnelles…

Install and verify the pinned Chrome for Testing build used by the private Remotion Canvas Capture extension on Apple Silicon macOS. Use when setting up Canvas…

Bonnes pratiques pour écrire des animations Remotion qui restent intuitives pour les agents et modifiables en mode visuel de Remotion Studio.

Créer ou mettre à jour des issues GitHub avec la nomenclature correcte de Remotion et une gestion sécurisée du Markdown multiligne

Manage GitHub Issues 2.0 relationships with gh CLI: parent issues, sub-issues, blocked-by, and blocking links.

Gérer les relations des Issues GitHub 2.0 avec l'interface en ligne de commande gh : issues parentes, sous-issues, liens bloqué-par et bloquant.

Automatisez la création de pull requests avec des commits formatés et la gestion des branches. Vérifie que vous n'êtes pas sur la branche principale, crée une branche de fonctionnalité si nécessaire. Exécute le formatage de code Oxfmt sur tous les packages concernés avant de committer. Formate les commits et les titres de PR en utilisant le nom du package depuis package.json (ex. : " @remotion/shapes : Ajouter une forme de cœur"). Utilise l'interface en ligne de commande gh pour ouvrir automatiquement la pull request après avoir poussé les modifications.

Multimedia handling with the Mediabunny library

Gestion multimédia avec la bibliothèque Mediabunny

Gestion multimédia avec la bibliothèque Mediabunny

Gestion multimédia avec la bibliothèque Mediabunny

Attendre qu'une pull request Remotion devienne fusionnable, gérer les conflits de fusion, distinguer les véritables échecs CI des tests instables, relancer les vérifications instables via le flake…

Générer la structure d'un nouvel élément Remotion avec une composition de prévisualisation correctement configurée pour le développement dans le Remotion Studio de documentation.

Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to…

Corriger les paramètres optionnels nouvellement ajoutés, les props React optionnels et les membres optionnels de types/interfaces dans les diffs du monorepo Remotion en convertissant les API internes pour…

Start the @remotion/player example app and open it in the Codex browser. Use when the user invokes /player-example or $player-example, asks to launch the…

Lancez l'application exemple @remotion/player et ouvrez-la dans le navigateur Codex. Utilisez lorsque l'utilisateur invoque /player-example ou $player-example, demande de lancer le…

Ouvrir une pull request pour la fonctionnalité actuelle

Ouvrir une pull request pour la fonctionnalité actuelle

Nom correct pour une PR

Examiner ou corriger le titre d'une pull request Remotion

Résoudre les échecs CI, les conflits de fusion ou les modifications de branche locale pour préparer une PR.

Resolve CI failures, merge conflicts, or local branch changes to get a PR ready

Finalize a developed Remotion Element, add it to the docs gallery, render its previews, and run repository checks.

Publier une nouvelle version de Remotion

Publier une nouvelle version de Remotion

Compétences pour créer des vidéos avec Remotion.

Meilleures pratiques pour Remotion - Création vidéo en React

Router for all Remotion skills

Best practices for Remotion - Video creation in React

Meilleures pratiques pour Remotion - Création vidéo en React

Meilleures pratiques pour Remotion

Base de connaissances spécialisée pour la création de vidéos avec Remotion et React. Couvre plus de 30 fichiers de règles couvrant les animations, l'audio, les ressources, le contenu 3D, les graphiques, le texte, les transitions et la gestion de la composition. Inclut des conseils spécialisés pour les sous-titres, les opérations FFmpeg, la visualisation audio et l'intégration d'effets sonores. Fournit des modèles pour le calcul dynamique des métadonnées, l'inspection des médias (durée, dimensions, extraction d'images) et les compositions paramétrables. Prend en charge des fonctionnalités avancées comme Lottie...

Gestion des sous-titres dans Remotion

Transcribing, displaying and animating captions

Transcrire, afficher et animer des sous-titres

Gérer les sous-titres dans Remotion

Gérer les sous-titres dans Remotion

Création d'une nouvelle vidéo Remotion

Créer une nouvelle vidéo Remotion

Création d'une nouvelle vidéo Remotion

Création d'une nouvelle vidéo Remotion

Rechercher la documentation Remotion

Search Remotion documentation

Search Remotion documentation

Rechercher dans la documentation Remotion

Meilleures pratiques pour écrire des animations Remotion qui restent intuitives pour les agents et modifiables en mode visuel de Remotion Studio.

Structure Remotion markup for interactivity

Structurer le markup Remotion pour l'interactivité

Meilleures pratiques pour écrire des animations Remotion qui restent intuitives pour les agents et modifiables en mode visuel de Remotion Studio.

Meilleures pratiques pour écrire des animations Remotion qui restent intuitives pour les agents et modifiables en mode visuel de Remotion Studio.

Connaissance de l'animation de cartes Remotion

Remotion Map animation knowledge

Connaissance de l'animation cartographique Remotion

Remotion Map animation knowledge

Content, animation and effects best practices

Meilleures pratiques pour écrire du balisage React Remotion

Meilleures pratiques pour écrire du balisage React Remotion

Meilleures pratiques pour écrire du balisage React Remotion

Interagir avec Mediabunny

Interagir avec Mediabunny

Interacting with Mediabunny

Interagir avec Mediabunny

Export a Remotion video

Export a Remotion video

Meilleures pratiques pour le rendu de vidéos

Meilleures pratiques pour le rendu de vidéos

Meilleures pratiques pour le rendu de vidéos

Créer une application avec Remotion

Création d'applications vidéo avec Remotion - conseils sur le framework, le rendu et le Player

Création d'applications vidéo avec Remotion - conseils sur le framework, le rendu et le Player

Création d'applications vidéo avec Remotion - conseils sur le framework, le rendu et le Player

Prévisualiser une vidéo Remotion

Aperçu d'une vidéo Remotion

Prévisualiser une vidéo Remotion

Aperçu d'une vidéo Remotion

Mettre à niveau Remotion et les paquets associés

Mettre à niveau Remotion et les paquets associés

Upgrade Remotion, and related packages

Upgrade Remotion, and related packages

Générer un nouvel élément Remotion avec une composition de prévisualisation correctement configurée pour le développement dans le Remotion Studio des docs.

Documenter le placement des compétences Remotion. À utiliser lors de l'ajout, du déplacement ou de la modification de compétences Remotion pour déterminer si une compétence appartient à .agents/skills en tant que compétence interne…

Placement de compétence Document Remotion. Utiliser lors de l'ajout, du déplacement ou de la modification de compétences Remotion pour déterminer si une compétence appartient à .agents/skills en tant que compétence interne…

Démarrez Remotion Studio depuis packages/example et ouvrez-le dans le navigateur Codex. À utiliser lorsque l’utilisateur invoque /studio ou $studio, demande de lancer l’exemple de Studio,…

Lancer Remotion Studio depuis packages/example et l'ouvrir dans le navigateur Codex. Utiliser lorsque l'utilisateur invoque /studio ou $studio, demande de lancer l'exemple Studio,…

Classify and wire Remotion Studio config options as either startup-fixed or reloadable while preventing mixed lifecycle behavior across consumers. Use when…

Diagnose and fix Remotion Studio UI bugs caused by the global CSS reset. Use when nested text or SVG icons have incorrect color, typography, sizing, hover…

Conseils pour les modifications de l'interface utilisateur de Remotion Studio où la réinitialisation CSS globale affecte les éléments imbriqués. À utiliser lors de l'édition de l'interface utilisateur des packages/studio, en particulier lors de l'ajout de wrapper…

Optimisez les performances de rendu de Remotion Studio en minimisant les surfaces de composants réactives aux frames, en privilégiant les lectures impératives de l'état de la timeline et en mémoïsant les éléments stables…

Finalize a developed Remotion Element, add it to the docs gallery, and prepare either a direct member submission or an externally reviewable contribution.

Publish Remotion Lambda Chrome binaries to the eu-central-1 test region and update hosted layer and Chrome version references. Use when updating Chrome…

Publier les binaires Chrome de Remotion Lambda dans la région de test eu-central-1 et mettre à jour les références de la couche hébergée et de la version de Chrome. Utiliser lors de la mise à jour de Chrome…

Mettre à jour la branche Remotion actuelle avec la dernière branche principale canonique. À utiliser lorsqu'on demande de mettre à jour ou de synchroniser depuis la branche principale en amont, de fusionner la dernière branche principale dans une...

Update Remotion's ffmpeg-next Git revision to a published rust-ffmpeg commit, refresh Cargo.lock, rebuild all supported compositor binaries, validate the…

Update Remotion homepage GitHub star counts. Use when asked to refresh the displayed GitHub star count and push the change to main.

Mettre à jour le nombre d'étoiles GitHub de la page d'accueil Remotion. Utiliser lorsqu'on demande d'actualiser le nombre d'étoiles GitHub affiché et de pousser la modification vers la branche principale.

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Mettez à niveau le remplacement caniuse-lite dans le dépôt Remotion. À utiliser lorsqu'on demande de mettre à jour caniuse-lite vers la dernière version npm.

Mettre à jour la surcharge caniuse-lite dans le dépôt Remotion. Utiliser lorsqu'on demande de mettre à jour caniuse-lite vers la dernière version npm.

Upgrade Mediabunny and related @mediabunny packages across the Remotion repo. Use when asked to update Mediabunny to the latest version.

Mettre à jour Mediabunny et les packages @mediabunny associés dans le dépôt Remotion. Utiliser lorsqu'on demande de mettre à jour Mediabunny vers la dernière version.

Upload large Remotion repository assets to the Cloudflare R2 bucket behind remotion.media and replace local public/ assets with hosted URLs. Use when a file is…

Télécharge les gros assets du dépôt Remotion vers le bucket Cloudflare R2 derrière remotion.media et remplace les assets locaux de public/ par des URLs hébergées. À utiliser lorsqu’un fichier est…

Implémenter ou examiner un changement de rupture dans Remotion 5 alors que les lignes de version v4 et v5 partagent encore du code. À utiliser lorsque le comportement v4 et les types publics doivent rester…

Set up a Codex monitor for Vercel deployments and preview URLs. Use when the user invokes /vercel or $vercel, asks Codex to watch or monitor a Vercel…

Configurer un moniteur Codex pour les déploiements Vercel et les URL de prévisualisation. Utiliser lorsque l'utilisateur invoque /vercel ou $vercel, demande à Codex de surveiller ou de monitorer un Vercel…

The version of Remotion we are working on.

La version de Remotion sur laquelle nous travaillons.

Générer un rapport sur une vidéo

Générer un rapport sur une vidéo

Guidance for working on Remotion Studio Visual Mode, sequence identity, node paths, symbolicated stacks, override IDs, and hot reload behavior. Use when…

Conseils pour travailler en mode visuel de Remotion Studio, l'identité des séquences, les chemins de nœuds, les piles symbolisées, les identifiants de remplacement et le comportement de rechargement à chaud. Utiliser lorsque…

Tests de capture visuelle pour les composants du moteur de rendu web utilisant des fixtures vitest. Créez des fixtures de test dans packages/web-renderer/src/test/fixtures qui définissent un composant React, des dimensions, une fréquence d'images et une durée. Enregistrez les fixtures dans packages/web-renderer/src/test/Root.tsx pour activer la fonctionnalité d'aperçu. Écrivez des cas de test qui rendent des images fixes avec renderStillOnWeb() et validez la sortie avec la comparaison de captures testImage(). Exécutez les tests avec bunx vitest src/test/video.test.tsx et mettez à jour la documentation dans...

Add a test case to the web renderer

Guides for writing and editing Remotion documentation. Use when adding docs pages, editing MDX files in packages/docs, or writing documentation content.

Directives et modèles pour rédiger la documentation de l'API Remotion au format MDX. Créez un fichier .mdx par API dans packages/docs/docs, ajoutez-le à sidebars.ts, et exécutez bun render-cards.ts pour générer les cartes d'aperçu social. Utilisez les titres ### pour les propriétés de l'API (pas les puces), ajoutez le suffixe ? pour les paramètres facultatifs, et incluez les valeurs par défaut naturellement dans les descriptions. Privilégiez les extraits de code type-safe avec validation twoslash ; utilisez // ---cut--- pour masquer les importations et ajoutez toujours des attributs title aux...

Règles pour écrire et réviser les tests dans le dépôt Remotion. À utiliser lors de l'ajout, de la modification ou de la révision de tests, en particulier pour Studio UI, le rendu, CLI,…