Communitygithub.com

Compétences en présentation média (Develotype-LLC)

Assemblez des vidéos avec des superpositions précises de texte et de données, des sous-titres et une narration indépendamment modifiable avec Remotion.

Qu'est-ce que Compétences en présentation média (Develotype-LLC) ?

Cette compétence permet d'assembler des vidéos dynamiques combinant des séquences vidéo, des superpositions précises de texte et de données, des sous-titres et une narration. Elle est utile pour les développeurs et les créateurs de contenu qui souhaitent générer automatiquement des présentations vidéo professionnelles à partir de code. Elle prend en charge la plateforme Remotion, un framework de rendu vidéo programmatique basé sur React. La compétence fonctionne en orchestrant des transitions vidéo, des calques de texte synchronisés, des visualisations de données et des pistes audio séparées, permettant des modifications itératives simples du rendu final.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Develotype-LLC/media-presentation-skills/tree/main/skills/compose-video

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 Compétences en présentation média (Develotype-LLC) ?

Assemblez des vidéos avec des superpositions précises de texte et de données, des sous-titres et une narration indépendamment modifiable avec Remotion.

Aperçu

Ce skill permet de créer des présentations vidéo professionnelles en combinant des clips vidéo, des superpositions de texte animées, des visualisations de données (graphiques, tableaux) et des pistes de narration audio. Tout est contrôlé par du code, ce qui facilite la révision et la régénération.

Plateformes supportées

  • Remotion (React, Node.js)

Installation

Assurez-vous d'avoir Remotion installé dans votre projet :

npm install remotion

Utilisation

Importez les composants de ce skill dans votre composition Remotion :

import { Presentation } from 'develotype-llc/media-presentation-skills';

const MyVideo = () => {
  return (
    <Presentation
      videoSrc="/assets/intro.mp4"
      textOverlays={[
        { startFrame: 0, endFrame: 30, text: 'Bienvenue dans notre démo' },
        { startFrame: 31, endFrame: 90, text: 'Analytiques en temps réel' }
      ]}
      dataOverlays={[
        { type: 'chart', data: [120, 300, 150, 450], frames: [60, 90] }
      ]}
      captions={{
        file: '/assets/captions.srt'
      }}
      narration={{
        audioSrc: '/assets/narration.mp3'
      }}
    />
  );
};

Props

PropTypeDescription
videoSrcstringChemin du fichier vidéo principal.
textOverlaysarrayListe des superpositions textuelles avec durée.
dataOverlaysarrayGraphiques ou tableaux de données à superposer.
captionsobjectFichier SRT pour les sous-titres.
narrationobjectFichier audio de narration.

Exemples

Consultez le dossier examples/ dans ce projet pour des compositions plus complexes.

Licence

MIT

Skills associés