remotion-video-creation
Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。
Original · translation did not pass checksTarget: Design & content creation. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original Japanese text
Topics in the source
- 使用場面
- 使い方
Remotion のコードを扱い、ドメイン固有の知識が必要な場合にこのスキルを使用してください。 詳細な説明とコード例については、各ルールファイルをお読みください: rules/3d.md - Three.js と React Three Fiber を使用して Remotion で 3D コンテンツを作成する rules/animations.md - Remotion の基本的なアニメーションスキル rules/assets.md - Remotion で画像、動画、音声、フォントをインポートする rules/audio.md - Remotion での音声とサウンドの使用——インポート、トリミング、音量、速度、ピッチ rules/calculate-metadata.md - コンポジションの長さ、サイズ、プロパティを動的に設定する rules/can-decode.md - Mediabunny を使用してブラウザが動画をデコードできるか確認する rules/charts.md - Remotion のチャートとデータビジュアライゼーションパターン rules/compositions.md - コンポジション、静止画、フォルダー、デフォルトプロパティ、動的メタデータの定義 rules/display-captions.md - TikTok スタイルのページと単語ハイライトに対応した Remotion での字幕表示 rules/extract-frames.md - Mediabunny を使用して指定タイムスタンプの動画フレームを抽出する rules/fonts.md - Remotion で Google フォントとローカルフォントを読み込む rules/get-audio-duration.md - Mediabunny を使用して音声ファイルの長さ(秒)を取得する rules/get-video-dimensions.md - Mediabunny を使用して動画ファイルの幅と高さを取得する rules/get-video-duration.md - Mediabunny を使用して動画ファイルの長さ(秒)を取得する rules/gifs.md - Remotion のタイムラインと同期した GIF を表示する rules/images.md - Img コンポーネントを使用して Remotion に画像を埋め込む rules/import-srt-captions.md - @remotion/captions を使用して .srt 字幕ファイルを Remotion にインポートする rules/lottie.md - Remotion に Lottie アニメーションを埋め込む rules/measuring-dom-nodes.md
This is an excerpt. Refer to the complete source and its current requirements.
- Source repository
- affaan-m/ECC
- Source file
- docs/ja-JP/skills/remotion-video-creation/SKILL.md
- Fixed revision
- d2ef2680594f9a17526a6e1a2e18b3d242c5d17b
Requirements
- Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.
A small first task
先阅读原作者说明,再决定是否在自己的 AI 工具中使用。
Instructions for your AI tool
- Claude Desktop: resource-specific guide not available yet
- Claude Code: resource-specific guide not available yet
- Cursor: resource-specific guide not available yet
- Codex: resource-specific guide not available yet
Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: affaan-m/ECC · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-09T14:01:49.620Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.