Communitygithub.com

sidney061212-ai/image2-remotion-skill

Compétence Remotion orientée IA pour compositions animées créatives multi-images.

Qu'est-ce que image2-remotion-skill ?

Cette compétence permet à un agent IA (comme Claude Code, Cursor ou Codex) d'utiliser Remotion pour générer des compositions animées à partir de plusieurs images. Elle est conçue pour les développeurs et créateurs souhaitant automatiser la création de vidéos dynamiques et personnalisées, par exemple pour des montages, des diaporamas ou des animations promotionnelles. La compétence s'appuie sur la bibliothèque Remotion et des instructions spécifiques (via un fichier SKILL.md) pour structurer la requête : elle décrit comment l'IA doit assembler les images, appliquer des transitions, des effets de mouvement, et paramétrer la durée, le format et le style. L'objectif est de simplifier et d'accélérer le processus de production vidéo en tirant parti du langage naturel de l'IA.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add sidney061212-ai/image2-remotion-skill

Demander à votre IA préférée

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

Documentation

Que fait image2-remotion-skill ?

Compétence Remotion orientée IA pour compositions animées créatives multi-images.

Permet à un agent IA de générer des animations vidéo à partir de plusieurs images en utilisant Remotion. Idéal pour créer des diaporamas, des montages ou des présentations visuelles.

Fonctionnalités

  • Compositions multi-images : assemblez jusqu'à 10 images dans une vidéo fluide.
  • Transitions personnalisées : fondu, zoom, glissement, etc.
  • Paramétrage flexible : durée, résolution, style.
  • Sortie au format MP4.

Utilisation avec l'IA

L'agent IA reçoit une requête en langage naturel (exemple : "Crée une vidéo de 15 secondes avec ces 4 images en fondu"). La compétence traduit cette demande en code Remotion et exécute la composition.

Exemple de prompt

Génère une animation avec les images [img1.jpg, img2.png, img3.svg] en utilisant un fondu de 2 secondes entre chaque image, fond noir, durée totale 20 secondes, sortie video.mp4.

Prérequis

  • Node.js et npm installés.
  • Projet Remotion configuré (npx create-video).
  • Les images accessibles dans le dossier public/.

Installation

  1. Ajoutez le skill à votre agent (via fichier de configuration ou plugin).
  2. Assurez-vous que l'agent peut exécuter des commandes shell et lire/écrire des fichiers.
  3. Testez avec un exemple simple : npx remotion render src/index.ts output.mp4

Personnalisation

Modifiez les paramètres dans src/Root.tsx :

  • durationInFrames : durée totale en frames.
  • fps : images par seconde (par défaut 30).
  • width / height : résolution (par défaut 1920x1080).
  • transition : type de transition ('fade' | 'slide' | 'zoom').

Skills associés