Communitygithub.com

Guilhermeslvg/portfolio-vidéo

Transcription, affichage et animation des sous-titres pour vidéos Remotion.

Qu'est-ce que portfolio-vidéo ?

Cette compétence permet de transcrire des fichiers audio/vidéo en sous-titres, de les afficher et de les animer dans des projets Remotion. Elle repose sur le type `Caption` de Remotion, structuré avec texte, timings et confiance. Les instructions sont réparties en plusieurs fichiers Markdown pour la génération, l'affichage et l'import de sous-titres (format .srt). L'utilisateur est guidé pour ouvrir Remotion Studio après configuration. Idéale pour les développeurs créant des portfolios vidéo ou des contenus accessibles avec des sous-titres synchronisés.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Guilhermeslvg/video-portfolio/tree/HEAD/.agents/skills/remotion-captions

Demander à votre IA préférée

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

Documentation

Tous les sous-titres doivent être traités en JSON. Les sous-titres doivent utiliser le type Caption qui est le suivant :

import type { Caption } from "@remotion/captions";

Voici la définition :

type Caption = {
  text: string;
  startMs: number;
  endMs: number;
  timestampMs: number | null;
  confidence: number | null;
  pageBreakAfter?: boolean;
};

Générer des sous-titres

Pour transcrire des fichiers vidéo et audio afin de générer des sous-titres, chargez le fichier transcribe-captions.md pour plus d'instructions.

Afficher des sous-titres

Pour afficher des sous-titres dans votre vidéo, chargez le fichier display-captions.md pour plus d'instructions.

Importer des sous-titres

Pour importer des sous-titres depuis un fichier .srt, chargez le fichier import-srt-captions.md pour plus d'instructions.

Après la création

Une fois terminé, chargez cette compétence : Bonnes pratiques Remotion

Si ce n'est pas déjà fait, ouvrez le Studio Remotion, sauf indication contraire.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

Skills associés