📦
remotion-best-practices
78より優れたRemotion動画を構築する
Remotionプロジェクトには、メディア、タイミング、キャプション、レンダリングに関する正しいパターンが必要です。このスキルは、React動画制作向けにClaude、Codex、Claude Codeへ焦点を絞ったルールと例を提供します。
コーディング＆開発 表示
スキル remotion-captions
📦
remotion-captions
コンテンツリビジョン r1 安全 🌐 ネットワークアクセス⚙️ 外部コマンド📁 ファイルシステムへのアクセス
Create captions for Remotion videos
Timed captions can be difficult to create and synchronize in video compositions. This skill provides practical guidance for transcribing, importing, formatting, and rendering captions in Remotion.
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "remotion-captions" from https://skillstore.io/skills/remotion-dev-remotion-captions.md and its manifest at https://skillstore.io/api/skills/remotion-dev-remotion-captions/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「remotion-captions」を使用しています。 I have a local SRT file and need captions in my composition.
期待される結果:
- Place the SRT file in the public folder.
- Load it with staticFile and fetch it during rendering.
- Parse the text with parseSrt, then pass the captions to Remotion caption utilities.
「remotion-captions」を使用しています。 I want a TikTok-style caption display.
期待される結果:
- Group captions into pages with createTikTokStyleCaptions.
- Render each page in a timed Sequence.
- Use token timestamps to color the word currently being spoken.
セキュリティ監査
安全v1 • 2026/7/19 バージョン別レポートを開く
All 11 static detections are false positives or benign documentation examples. The fetch calls load local Remotion assets, the command references are Markdown or comments, and the file write saves generated captions to a fixed local filename. No prompt injection, credential access, or data-exfiltration intent was found.
4
スキャンされたファイル
363
解析済み行数
0
レビュー項目
0
誤検知を無視
リスク要因
🌐 ネットワークアクセス (3)
⚙️ 外部コマンド (6)
📁 ファイルシステムへのアクセス (2)
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: claude
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/remotion-dev-remotion-captions/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/remotion-dev-remotion-captions?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/remotion-dev-remotion-captions?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/remotion-dev-remotion-captions/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/remotion-dev-remotion-captions.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
remotion-dev. (2026). remotion-captions security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/remotion-dev-remotion-captions/audits/1BibTeX形式の引用
@techreport{remotion-dev-remotion-dev-remotion-captions-2026,
author = {remotion-dev},
title = {remotion-captions security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/remotion-dev-remotion-captions/audits/1},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "remotion-captions security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "remotion-dev"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/remotion-dev-remotion-captions/audits/1"
identifiers:
- type: other
value: "skillstore:remotion-dev-remotion-captions:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 中 55
アーキテクチャ
85
保守性
87
コンテンツ
65
コミュニティ
83
仕様準拠
作成できるもの
Add captions to a social video
Create timed caption pages and highlight the active word in a Remotion composition.
Reuse an existing subtitle file
Load a local SRT file, parse it, and use the captions with Remotion utilities.
Transcribe recorded narration
Generate caption JSON from an audio file with the Remotion Whisper.cpp integration.
これらのプロンプトを試す
Start with caption JSON
Show me how to represent these timed subtitles as Remotion Caption JSON: Hello from 0 to 900 milliseconds, then world from 900 to 1500 milliseconds.
Import an SRT file
Help me load a local subtitles.srt file from the Remotion public folder and parse it with @remotion/captions.
Render caption pages
Create a Remotion component that groups Caption data into pages and renders each page at the correct time.
Build a transcription workflow
Plan a local Remotion workflow that transcribes one audio clip at a time, saves Caption JSON files, and renders synchronized captions.
ベストプラクティス
- Store each clip's captions in a separate local JSON file.
- Keep spaces in caption token text and use whiteSpace: pre when rendering.
- Test page timing at the composition frame rate before exporting a video.
回避
- Do not use caption text without timing data for synchronized rendering.
- Do not remove leading spaces from tokenized captions when word spacing matters.
- Do not assume one transcription model produces accurate captions for every audio source.
よくある質問
What caption format does this skill use?
It uses the Remotion Caption format with text, start time, end time, timestamp, and confidence fields.
Can I use an existing SRT file?
Yes. The skill shows how to fetch a local SRT asset and parse it with parseSrt.
Can the skill transcribe audio?
It explains how to use the Remotion Whisper.cpp integration to transcribe audio and convert the result to captions.
Where should I save caption files?
Save local caption JSON or SRT assets where your Remotion project can serve them as static files.
Does it support word highlighting?
Yes. It shows how to use caption token timing to identify and style the active word.
Does it install dependencies automatically?
No. It provides installation commands and implementation guidance, but you run commands in your own project.
開発者情報
作成者
remotion-devライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
5979680a0672bd90dd36f677fe2d3d5c5b14be78
メンテナンスの新しさ
2026/7/19
利用状況
0 ダウンロード · 0 閲覧
ファイル構成
remotion-dev のその他のスキル
すべて表示📦
remotion-render
77Remotionで動画をレンダリング
互換性のあるRemotionのエクスポート設定を選ぶのは難しい場合があります。このスキルは、動画、静止画、ProRes、WebM向けのコマンドと設定パターンを提供します。
コーディング＆開発 表示
📦
mediabunny
77オーディオと動画のメタデータを抽出
メディアメタデータのタスクには、ブラウザ、Node.js、Bun、Remotion プロジェクトに適した入力ソースが必要です。このスキルは、URL またはローカルファイルから再生時間と動画の寸法を読み取るための Mediabunny パターンを提供します。
コーディング＆開発 表示
📦
remotion-upgrade
77Upgrade Remotion dependencies safely
Remotion upgrades can leave packages and lockfiles out of sync. This skill guides a consistent upgrade for Remotion, Mediabunny, and installed Remotion skills.
DevOps＆インフラ 表示
📦
remotion-create
77Create a Remotion video project
Starting a Remotion project requires a reliable scaffold and video-focused layout choices. This skill creates a blank project, starts Studio, and links to focused guidance for markup, interactivity, layout, and TailwindCSS.
デザイン＆クリエイティブ 表示
📦
remotion-interactivity
77Create Editable Remotion Animations
Remotion animation components can become difficult to adjust in Studio when their editable controls are unclear. This skill directs you to official guidance for designing interactive components and editable media timelines.
デザイン＆クリエイティブ 表示
関連スキル
すべて表示📦
azure-ai-transcription-py
79Python で Azure Speech Transcription を構築する
作成者 sickn33
音声文字起こし連携には、明確な Azure セットアップ、認証、ワークフロー例が必要です。このスキルは、話者分離、タイムスタンプ、ロケール設定を含む Python のバッチ文字起こしとストリーミング文字起こしをガイドします。
コーディング＆開発 表示
📦
voice-ai-development
69本番環境向け音声AIエージェントを構築
作成者 sickn33
音声チームには、多数の音声プロバイダーにまたがる迅速で信頼性の高いガイダンスが必要です。このスキルは、低レイテンシのエージェント、文字起こしパイプライン、合成フロー、リアルタイムインフラの設計を支援します。
コーディング＆開発 表示
📦
viral-captions-and-ctas
80バズるキャプションとCTAを作成
作成者 vyralcontent
ショートフォーム動画のクリエイターには、エンゲージメントベイトに頼らずリーチを支えるキャプションとCTAが必要です。このスキルは、プラットフォーム別のキャプション、ハッシュタグ、オンスクリーンテキスト、固定コメントを作成します。
ライティング＆コンテンツ 表示
📦
byted-mediakit-editing
80Edit Audio, Video, and Image Media
作成者 volcengine
Media editing tasks often require many specialized commands and careful parameter choices. This skill routes requests to the right MediaKit operation and guides reliable media assembly.
デザイン＆クリエイティブ 表示
📦
ponyflash
78PonyFlashでAIメディアを生成・編集
作成者 ponyflash
AIメディア制作では、生成、編集、字幕ツールが別々になることがよくあります。PonyFlashは、画像、動画、音声、音楽、書き出しに対応するSDKガイダンスとFFmpegワークフローを組み合わせます。
デザイン＆クリエイティブ 表示
📦
video-outpainting
78RunComfy で動画フレームを拡張
作成者 runcomfy-com
動画のアスペクト比を変更すると、重要な動きがクロップされたり、余白が残ったりすることがあります。このスキルは、被写体を維持しながらフレームを拡張する RunComfy のアウトペインティングワークフローを案内します。
デザイン＆クリエイティブ 表示