Communitygithub.com

3bkader-gpt/remotion-tiktok-gym-editor

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

remotion-tiktok-gym-editor とは?

このスキルは、Remotionを使用した動画編集(特にTikTokのジム系動画向け)において、字幕処理を効率的に行うためのものです。具体的には、動画や音声ファイルからJSON形式の字幕データ(Caption型)を生成し、それを動画内に表示・アニメーションさせるための手順を提供します。また、.srtファイルからの字幕インポートもサポートしており、外部で作成された字幕データをそのまま利用可能です。ユーザーはまず文字起こし(transcribe-captions.md・display-captions.md・import-srt-captions.md)の各手順ファイルを読み込み、最後にRemotionのベストプラクティススキルを適用して最終的な品質を高めることが推奨されています。このスキルはClaude CodeやCursor, CodexなどのAIエージェント上で動作し、開発者がRemotion Studioで動画をプレビューしながら編集作業を進めるのを支援します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/3bkader-gpt/remotion-tiktok-gym-editor/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.

関連スキル