seraph115/superpowers-video (Compétence Remotion)

Que fait superpowers-video (Compétence Remotion) ?

Compétence Remotion

Cette compétence permet à un agent IA de générer et d'éditer des vidéos de manière programmatique en utilisant la bibliothèque Remotion. Elle transforme des instructions textuelles en compositions vidéo complètes, exploitant la puissance de React pour le rendu.

Prérequis

• Node.js installé
• Projet Remotion initialisé (npx create-video)
• Connaissances de base en React

Utilisation

1. Définir une composition dans le fichier src/Root.tsx
2. Créer un composant React pour la scène vidéo
3. Appeler la compétence avec les paramètres souhaités (durée, texte, couleurs, etc.)

Exemple de composition

import { Composition } from 'remotion';
import { MyVideo } from './MyVideo';

export const Root: React.FC = () => {
  return (
    <Composition
      id="MyVideo"
      component={MyVideo}
      durationInFrames={120}
      fps={30}
      width={1920}
      height={1080}
    />
  );
};

Paramètres pris en charge

• durationInFrames : Durée en images
• fps : Images par seconde (défaut : 30)
• width : Largeur en pixels
• height : Hauteur en pixels
• inputProps : Propriétés personnalisées passées au composant

Commandes utiles

# Rendu local
npx remotion render src/index.ts MyVideo out/video.mp4

# Lancer le studio
npx remotion studio

# Voir la liste des compositions
npx remotion compositions

Intégration avec l'agent

L'agent peut automatiquement :

• Générer le code React pour une nouvelle composition
• Ajouter la composition au fichier Root.tsx
• Lancer le rendu ou le studio
• Modifier les paramètres existants

Limitations

• Nécessite un projet Remotion préexistant
• Le rendu vidéo peut être long selon la complexité
• Dépend de l'environnement Node.js

Ressources

• Documentation Remotion
• Exemples de compositions