remotion-video-creation

星标219,439

分支33,634

更新时间2026年5月17日 06:31

Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

affaan-m

affaan-m/ECC

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

使用場面

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 - Remotion で DOM 要素のサイズを測定する
rules/measuring-text.md - テキストサイズの測定、コンテナへのテキスト適合、オーバーフローの確認
rules/sequencing.md - Remotion のシーケンスパターン——遅延、トリミング、項目の長さ制限
rules/tailwind.md - Remotion で TailwindCSS を使用する
rules/text-animations.md - Remotion のタイポグラフィとテキストアニメーションパターン
rules/timing.md - Remotion の補間曲線——線形、イージング、スプリングアニメーション
rules/transcribe-captions.md - Remotion で字幕を生成するための音声文字起こし
rules/transitions.md - Remotion のシーントランジションパターン
rules/trimming.md - Remotion のトリミングパターン——アニメーションの最初または最後をトリミングする
rules/videos.md - Remotion への動画埋め込み——トリミング、音量、速度、ループ、ピッチ

同仓库更多 Skills

同仓库

cost-tracking

affaan-m/ECC

Track and report Claude Code token usage, spending, and budgets from the local ECC cost-tracker metrics log. Use when the user asks about costs, spending, usage, tokens, budgets, or cost breakdowns by model, session, or date.

2026-06-18219.4k

continuous-learning-v2

affaan-m/ECC

Instinct-based learning system that observes sessions via hooks, creates atomic instincts with confidence scoring, and evolves them into skills/commands/agents. v2.1 adds project-scoped instincts to prevent cross-project contamination.

2026-06-18219.4k

flox-environments

affaan-m/ECC

Create reproducible, cross-platform (macOS/Linux) development environments with Flox, a declarative Nix-based environment manager. Use when setting up project toolchains for any language, installing system-level dependencies (compilers, databases, native libs like openssl/BLAS), pinning exact package versions for a team, running local services (PostgreSQL, Redis, Kafka), onboarding developers with one command, or solving 'works on my machine' problems — including agent/vibe-coding setups that need project-scoped tools without sudo. Also use when the user mentions .flox/, manifest.toml, flox activate, or FloxHub.

2026-06-16219.4k

generating-python-installer

affaan-m/ECC

Commercial-grade Python installer expert for Windows: Nuitka extreme compilation, dist slimming, DLL footprint analysis, and Inno Setup packaging to ship the smallest, fastest installers. Use only for advanced packaging/optimization (minimal size, fast startup), not basic script-to-exe conversion. 中文触发：Nuitka 极限优化、Python 商业打包、极限编译 Python、dist 瘦身、DLL 分析、最小安装包、最快启动、商业级打包风格

2026-06-16219.4k

brand-discovery

affaan-m/ECC

Use when a brand needs to discover or articulate its identity through structured multi-session interviews. Covers purpose, positioning, audience, personality, voice, narrative, and founder-brand tension across 8 modules using laddering, 5 Whys, and projective techniques. Produces a resumable session with disk-persisted state and a master brandbook (90_SYNTHESIS.md).

name	remotion-video-creation
description	Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。
metadata	{"tags":"remotion, video, react, animation, composition, three.js, lottie"}

使用場面

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 - Remotion で DOM 要素のサイズを測定する
rules/measuring-text.md - テキストサイズの測定、コンテナへのテキスト適合、オーバーフローの確認
rules/sequencing.md - Remotion のシーケンスパターン——遅延、トリミング、項目の長さ制限
rules/tailwind.md - Remotion で TailwindCSS を使用する
rules/text-animations.md - Remotion のタイポグラフィとテキストアニメーションパターン
rules/timing.md - Remotion の補間曲線——線形、イージング、スプリングアニメーション
rules/transcribe-captions.md - Remotion で字幕を生成するための音声文字起こし
rules/transitions.md - Remotion のシーントランジションパターン
rules/trimming.md - Remotion のトリミングパターン——アニメーションの最初または最後をトリミングする
rules/videos.md - Remotion への動画埋め込み——トリミング、音量、速度、ループ、ピッチ