remotion-video-creation

affaan-m/ECC · Agent Skill

Remotion kullanarak React'ta video oluşturmak için 3D, animasyon, ses ve altyazıları kapsayan 29 kural sunar.

Genel bakış

Yayıncı	affaan-mTopluluk
Depo	affaan-m/ECC ↗
Skill klasörü	`remotion-video-creation`
Yıldız	257.550
Fork	38.524
Dosyalar	1
Lisans	MIT
Son güncelleme	12 Eylül 2026
Bağlantılar	Skill kaynağı ↗ · Depo ↗

Mozgi kontrolü

Skill dosyalarında bulduklarımız. Ayrıntılar abonelikle.

Güvenlik

düşük risk · belirgin risk bulunamadı — tam rapor ayrıntıları gösterir

Uyumluluk

yalnızca talimatlar — çoğu ajanla çalışır

Benzer skiller

72 benzer skill bulundu

Abonelikte ayrıca

Kurulum

Skill, SKILL.md dosyası içeren bir klasördür. Ajanınızı seçin ve komutları proje kökünde bir terminalde çalıştırın (macOS, Linux veya Windows'ta Git Bash).

Promptu Claude, Codex veya başka bir asistana yapıştırın: skill'i inceleyip sizin için kuracaktır.

Install the “remotion-video-creation” skill from mozgi.io (https://mozgi.io/skills/remotion-video-creation/) for me.

1. Download the archive: https://mozgi.io/skills/remotion-video-creation/download
   If it fails, take the skill folder from the source: https://github.com/affaan-m/ECC/tree/main/docs/ja-JP/skills/remotion-video-creation
2. Read SKILL.md and the other files. Check the skill is safe: no hidden commands, no sending data elsewhere, no scripts doing something other than described. If anything looks suspicious, stop and tell me.
3. Put the “remotion-video-creation” folder into your agent's skills folder: .claude/skills/ for Claude Code, .agents/skills/ for Codex, .cursor/skills/ for Cursor, .gemini/skills/ for Gemini CLI. Inside the project if we are in one, otherwise in the home folder (~/.claude/skills/ etc.).
4. Make sure <skills folder>/remotion-video-creation/SKILL.md exists.
5. Briefly tell me what this skill does and offer to try it on my task.

If you cannot do a step yourself, tell me what to click or type.

git clone --depth 1 --branch main https://github.com/affaan-m/ECC.git /tmp/ECC
mkdir -p .claude/skills
cp -r /tmp/ECC/docs/ja-JP/skills/remotion-video-creation .claude/skills/remotion-video-creation

Claude Code'u yeniden başlatın — skill listede görünür; elle çağırmak için /remotion-video-creation. Tüm projeler için ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/affaan-m/ECC.git /tmp/ECC
mkdir -p .agents/skills
cp -r /tmp/ECC/docs/ja-JP/skills/remotion-video-creation .agents/skills/remotion-video-creation

Codex skill'leri geçerli klasörden depo köküne kadar .agents/skills içinde arar; /skills veya $remotion-video-creation ile çağırın. Tüm projeler için ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/affaan-m/ECC.git /tmp/ECC
mkdir -p .cursor/skills
cp -r /tmp/ECC/docs/ja-JP/skills/remotion-video-creation .cursor/skills/remotion-video-creation

Cursor skill'i açılışta yükler; Agent sohbetinde “/” ile çağırın. Cursor .claude/skills ve .agents/skills klasörlerini de okur. Tüm projeler için ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/affaan-m/ECC.git /tmp/ECC
mkdir -p .gemini/skills
cp -r /tmp/ECC/docs/ja-JP/skills/remotion-video-creation .gemini/skills/remotion-video-creation

Gemini CLI, görev uyduğunda skill'i etkinleştirmeyi önerir — siz onaylarsınız. Tüm projeler için ~/.gemini/skills.

Kaynak dosyaları

1 dosya ZIP indir

Kurulumdan önce SKILL.md ve eşlik eden dosyaları inceleyin. Önizleme için dosyaya tıklayın.

SKILL.md içeriği

Yazarın orijinal metni · salt okunur

使用場面

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 への動画埋め込み——トリミング、音量、速度、ループ、ピッチ

Sık sorulan sorular

remotion-video-creation skill'i ne yapar?

Remotion kullanarak React'ta video oluşturmak için 3D, animasyon, ses ve altyazıları kapsayan 29 kural sunar.

remotion-video-creation nasıl kurulur?

Bu sayfadaki “Kurulum” bölümünü açın ve ajanınızı seçin — Claude Code, Codex, Cursor veya Gemini CLI: skill klasörünü doğru yere kopyalayan hazır komutlar orada. Ya da “Asistanla” sekmesindeki promptu kopyalayın; asistan skill'i inceleyip kuracaktır.

remotion-video-creation hangi yapay zekâlarla çalışır?

Skill'ler düz Markdown talimatlarıdır (Agent Skills formatı), bu yüzden remotion-video-creation SKILL.md okuyan her ajanla çalışır: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode ve diğerleri. Model talimatları yalnızca görev skill açıklamasına uyduğunda yükler.

remotion-video-creation ücretsiz mi?

Skill, affaan-m tarafından açık olarak yayımlandı (MIT lisansı). Skill'in kendisi ücretsizdir — yalnızca kullandığınız token'lar için yapay zekâ sağlayıcınıza ödeme yaparsınız.

Skill kurmak güvenli mi?

Skill, ajanınızın izleyeceği talimatlardır; kurmadan önce SKILL.md ve eşlik eden dosyaları okuyun. Skill klasöründeki betikler yalnızca ajanınız çalıştırırsa çalışır — ne yaptığını izleyin ve gereksiz izin vermeyin.

Skill, MCP sunucusu veya eklentiden nasıl farklıdır?

MCP sunucusu veya eklenti modele yeni araçlar verir — çalışıp sonuç döndüren kod. Skill ise bilgi ve süreç verir: göreve nasıl yaklaşılacağı, hangi adımların izleneceği ve iyi sonucun neye benzediği. Sunucu veya API anahtarı gerekmez.

Benzer skiller

Tüm skiller →

videodb Video ve sesleri işler: alır, indeksler, arar, düzenler, dönüştürür, medya oluşturur ve uyarılar üretir. affaan-m258k

ui-demo Playwright kullanarak web uygulamaları için profesyonel kullanıcı arayüzü demo videoları oluşturur, imleç ve doğal hız içerir. affaan-m258k

taste Angelcore, cloud-trance, hyperpop tarzlarında müzik videoları ve kısa düzenlemeler için yaratıcı bir yön oluşturur, görselleri müzikle senkronize eder. affaan-m258k

fal-ai-media Metinden görüntüye, metinden videoya ve metinden konuşmaya dahil olmak üzere fal.ai modellerini kullanarak resimler, videolar ve sesler oluşturur. affaan-m258k

tasteforge-video Video, resim ve 3D varlıklar için stil analizi, doğrulama ve zaman çizelgesi dışa aktarma dahil iş akışları oluşturur ve yönetir. affaan-m258k

video-editing İçerik oluşturmak için yapay zeka destekli video düzenleme ve yapılandırma, kesme, altyazı ve seslendirme ekleme. affaan-m258k