Communitygithub.com

GuilhermeGongora/VideoEditor

キャプションの文字起こし、表示、アニメーションを行います。

VideoEditor とは?

このスキルは、Remotionを使用したビデオ編集において、キャプション(字幕)を生成、表示、アニメーション化するための包括的な機能を提供します。ユーザーは動画や音声ファイルからテキストを文字起こしし、Remotionの`Caption`型に準拠したJSON形式でキャプションデータを扱います。キャプションの表示方法や、`.srt`ファイルからのインポート手順も別ファイルで詳しく説明されており、開発者は柔軟にキャプション編集ワークフローを構築できます。また、作成後はRemotionのベストプラクティススキルを読み込むことで、より高品質なプロジェクトを実現できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/GuilhermeGongora/VideoEditor/tree/HEAD/.claude/skills/remotion-captions

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

すべてのキャプションはJSONで処理する必要があります。キャプションは以下のCaption型を使用します。

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

定義は次の通りです:

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

キャプションの生成

動画や音声ファイルからキャプションを文字起こしするには、transcribe-captions.mdファイルを読み込んで詳細な手順を確認してください。

キャプションの表示

ビデオにキャプションを表示するには、display-captions.mdファイルを読み込んで詳細な手順を確認してください。

キャプションのインポート

.srtファイルからキャプションをインポートするには、import-srt-captions.mdファイルを読み込んで詳細な手順を確認してください。

作成後

作業が完了したら、次のスキルを読み込んでください:Remotion Best Practices

まだ完了していない場合は、特に指示がない限り、Remotion Studioを開いてください。

Individual skills in this repo

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

関連スキル