Communitygithub.com

iamhuynq/video-remotion

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

video-remotion とは?

このスキルは、Remotionを使用して動画にキャプション(字幕)を追加・編集するための包括的なガイドを提供します。キャプションはすべてJSON形式で処理され、`@remotion/captions`パッケージの`Caption`型に従います。音声や動画ファイルからの文字起こし、`.srt`ファイルからのインポート、キャプションの表示・アニメーション方法を詳しく説明しています。開発者は各手順を独立したマークダウンファイル(`transcribe-captions.md`、`display-captions.md`、`import-srt-captions.md`)で参照でき、完了後はRemotionのベストプラクティスに従うよう推奨しています。主にRemotion環境を対象としており、コマンドラインやStuidoの操作が必要です。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/iamhuynq/video-remotion/tree/HEAD/.agents/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 2 individual skills — each has its own dedicated page.

関連スキル