スキル remotion-best-practices
📦

remotion-best-practices

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド🌐 ネットワークアクセス📁 ファイルシステムへのアクセス

より優れたRemotion動画を構築する

Remotionプロジェクトには、メディア、タイミング、キャプション、レンダリングに関する正しいパターンが必要です。このスキルは、React動画制作向けにClaude、Codex、Claude Codeへ焦点を絞ったルールと例を提供します。

対応: Claude Codex Code(CC)
🥉 78 ブロンズ

このスキルはパックに含まれています

タスクに必要なすべてのスキルを、パックごと 1 コマンドでインストールできます。

動画制作 · 2 スキル パック全体をインストール

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト
Review the Skillstore skill "remotion-best-practices" from https://skillstore.io/skills/remotion-dev-remotion-best-practices.md and its manifest at https://skillstore.io/api/skills/remotion-dev-remotion-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/remotion-dev-remotion-best-practices.md 署名済み manifest GET /api/skills/remotion-dev-remotion-best-practices/manifest 署名済み lockfile GET /api/skills/remotion-dev-remotion-best-practices/lockfile

テストする

「remotion-best-practices」を使用しています。 動画、BGM、キャプション、タイミング指定されたタイトルアニメーションを含むRemotionシーンをレビューする。

期待される結果:

  • 各問題を関連するRemotionルール領域に対応付けた簡潔なレビュー。
  • メディア読み込み、キャプションのタイミング、補間範囲、コンポジションメタデータに関する具体的な推奨事項。
  • 結果をプレビューおよびレンダリングするための短いテストチェックリスト。

「remotion-best-practices」を使用しています。 ソースメディアファイルから再生時間とサイズを適応させる動画を計画する。

期待される結果:

  • レンダリング前にcalculateMetadataを使用して再生時間と寸法を導出する設計。
  • abort signals、フォールバック寸法、安全なデフォルトに関するガイダンス。
  • メディアの可用性とレンダリング動作の検証に関する注意点。

「remotion-best-practices」を使用しています。 Remotionコンポジションにアニメーション付きチャートとテキスト効果を追加する。

期待される結果:

  • チャートレイアウト、補間、テキスト測定、単語ハイライトのための構造化された計画。
  • レイアウトシフトとタイムラインのずれを避けるための提案。
  • チャート、テキスト測定、テキストアニメーションのルール領域への参照。

セキュリティ監査

安全
v4 • 2026/7/6 バージョン別レポートを開く

The static findings are documentation examples rather than executable skill logic. Network references are sample media URLs or explicit Remotion data-loading examples, and template-literal detections are React, CSS, SVG, or filename strings. No prompt injection, credential exfiltration, filesystem abuse, or malicious command execution intent was found.

32
スキャンされたファイル
3,153
解析済み行数
0
レビュー項目
0
誤検知を無視

リスク要因

⚙️ 外部コマンド (11)
rules/assets.md:61-64 rules/assets/charts-bar-chart.tsx:89 rules/assets/charts-bar-chart.tsx:90 rules/assets/text-animations-word-highlight.tsx:55 rules/calculate-metadata.md:69-72 rules/charts.md:57 rules/compositions.md:117-144 rules/extract-frames.md:150-159 rules/images.md:92-95 rules/images.md:95-98 rules/images.md:98-99
🌐 ネットワークアクセス (21)
rules/assets.md:71 rules/assets.md:72 rules/audio.md:38 rules/calculate-metadata.md:80 rules/calculate-metadata.md:13 rules/can-decode.md:50 rules/compositions.md:117 rules/compositions.md:117 rules/extract-frames.md:109 rules/extract-frames.md:132 rules/extract-frames.md:172 rules/extract-frames.md:210 rules/get-audio-duration.md:33 rules/get-video-dimensions.md:40 rules/get-video-duration.md:33 rules/gifs.md:25 rules/images.md:57 rules/import-srt-captions.md:41 rules/lottie.md:42 rules/lottie.md:42 rules/videos.md:36
📁 ファイルシステムへのアクセス (1)
rules/calculate-metadata.md:22
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く
セキュリティ評価

レポートリンクをコピー

https://skillstore.io/skills/remotion-dev-remotion-best-practices/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/remotion-dev-remotion-best-practices/security.svg)](https://skillstore.io/skills/remotion-dev-remotion-best-practices?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/remotion-dev-remotion-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/remotion-dev-remotion-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/remotion-dev-remotion-best-practices.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-best-practices security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/remotion-dev-remotion-best-practices/audits/4

BibTeX形式の引用

@techreport{remotion-dev-remotion-dev-remotion-best-practices-2026, author = {remotion-dev}, title = {remotion-best-practices security audit report (audit version 4)}, institution = {Skillstore}, year = {2026}, number = {4}, url = {https://skillstore.io/skills/remotion-dev-remotion-best-practices/audits/4}, 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-best-practices security audit report (audit version 4)" version: "unspecified" type: report authors: - name: "remotion-dev" date-released: "2026-07-06" url: "https://skillstore.io/skills/remotion-dev-remotion-best-practices/audits/4" identifiers: - type: other value: "skillstore:remotion-dev-remotion-best-practices:audit:4" description: "Skillstore immutable audit report identifier"

バリアントを比較

インストール可能なバリアント 2 件

各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。

このバリアントが首位の理由

Skillstore での利用が多い
remotion-dev 推奨 現在

remotion-dev-remotion-best-practices

Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 45
更新済み

2026-09-09

remotion-dev

sickn33-remotion-best-practices

Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 26
更新済み

2026-09-09

Skillstore スコア

このスコアの理由 証拠の信頼度: 高
55
アーキテクチャ
85
保守性
87
コンテンツ
70
コミュニティ
83
仕様準拠

作成できるもの

新しい動画コンポジションを作成する

信頼できる寸法、フレーム数、propsを備えたRemotion動画を構成するために、コンポジションとタイミングのルールを使用します。

メディアとキャプションを追加する

React動画内に同期されたメディアを配置するために、アセット、音声、動画、画像、キャプション、フォントのルールを使用します。

生成されたRemotionコードをレビューする

レンダリングまたは変更のコミット前に、生成されたコードをRemotion固有のルールと比較するようAIアシスタントに依頼します。

これらのプロンプトを試す

シンプルなコンポジションを開始する 
Remotion best practices skillを使用して、duration、fps、width、height、default propsを含むシンプルな動画コンポジションを設計してください。どのルールファイルが適用されるかを説明してください。
メディアアセットを追加する 
Remotion best practices skillを使用して、ローカルおよびリモートのメディアアセットを私のコンポジションに追加してください。staticFile、Img、Video、Audio、フォント読み込みに関するガイダンスを含めてください。
モーションとタイミングを改善する 
Remotion best practices skillを使用して、私のアニメーションタイミング、補間、シーケンス、トリミング、トランジションをレビューしてください。タイムラインを予測可能に保つ変更を提案してください。
複雑なRemotionワークフローを監査する 
Remotion best practices skillを使用して、コンポジションメタデータ、メディア読み込み、キャプション、フレーム抽出、レンダリング信頼性について私のRemotionプロジェクトを監査してください。優先順位付きの指摘事項を返してください。

ベストプラクティス

  • コードを編集する前に、変更対象のRemotion機能に対応する特定のルールファイルを読んでください。
  • 最終レンダリングに依存する前に、Remotion Studioでタイミング、メディア読み込み、寸法をテストしてください。
  • 本番ワークフローで使用する前に、リモートアセット、キャプション、メタデータ入力を検証してください。

回避

  • 実際のプロジェクトに合わせて寸法、fps、props、アセットパスを調整せずに例をコピーしないでください。
  • CORS、可用性、パフォーマンスのチェックなしに、リモートメディアURLが機能すると想定しないでください。
  • フレームの整合性とシーケンス境界を確認せずに、複数のタイミングシステムを混在させないでください。

よくある質問

このスキルは何に役立ちますか?
AIアシスタントがReact動画コンポジション、メディア、タイミング、キャプション、レンダリングパターンにRemotionのベストプラクティスを適用するのに役立ちます。
このスキルは完全な動画プロジェクトを生成しますか?
ガイダンスと例を提供します。アシスタントには引き続き、プロジェクトファイル、目標、アセット、レンダリング要件が必要です。
音声、動画、画像、GIFに対応できますか?
はい。Remotionのメディアコンポーネント、静的アセット、リモートURL、音声の動作、動画の動作、画像、アニメーションGIFに関するルールが含まれています。
キャプションを扱っていますか?
はい。SRTキャプションのインポート、キャプション表示、単語単位のキャプションタイミングパターンの使用に関するルールが含まれています。
メディアメタデータを分析できますか?
Mediabunnyベースのヘルパーを使ったメディアの再生時間、寸法、デコードチェック、フレーム抽出のパターンを説明します。
これはセキュリティツールですか?
いいえ。これはコーディングガイダンス用のスキルです。ユーザーは引き続き、リモートURL、ユーザー入力、デプロイポリシーを個別にレビューする必要があります。

開発者情報

作成者

remotion-dev

ライセンス

MIT

Skillstore リビジョン

r1

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/remotion-dev/skills/tree/main/skills/remotion/

参照

e397ce5a135369cd6def89cb6400d013e2f68f2f

メンテナンスの新しさ

2026/7/24

利用状況

28 ダウンロード · 202 閲覧

ファイル構成

📁 rules/

📁 assets/

📄 charts-bar-chart.tsx

📄 text-animations-typewriter.tsx

📄 text-animations-word-highlight.tsx

📄 3d.md

📄 animations.md

📄 assets.md

📄 audio.md

📄 calculate-metadata.md

📄 can-decode.md

📄 charts.md

📄 compositions.md

📄 display-captions.md

📄 extract-frames.md

📄 fonts.md

📄 get-audio-duration.md

📄 get-video-dimensions.md

📄 get-video-duration.md

📄 gifs.md

📄 images.md

📄 import-srt-captions.md

📄 lottie.md

📄 measuring-dom-nodes.md

📄 measuring-text.md

📄 sequencing.md

📄 tailwind.md

📄 text-animations.md

📄 timing.md

📄 transcribe-captions.md

📄 transitions.md

📄 trimming.md

📄 videos.md

📄 SKILL.md

remotion-dev のその他のスキル

すべて表示

関連スキル

すべて表示