remotion-video-creation
affaan-m/ECC · Agent Skill
Fornisce 29 regole per la creazione di video in React utilizzando Remotion, coprendo 3D, animazione, audio e didascalie.
Vai all'installazione ↓Panoramica
| Autore |  affaan-mCommunity |
|---|---|
| Repository | affaan-m/ECC ↗ |
| Cartella dello skill | remotion-video-creation |
| Stelle | 257.550 |
| Fork | 38.524 |
| File inclusi | 1 |
| Licenza | MIT |
| Aggiornato | 12 settembre 2026 |
| Link | Sorgente dello skill ↗ · Repository ↗ |
Verifica Mozgi
Cosa abbiamo trovato nei file dello skill. I dettagli con l’abbonamento.
Installazione
Uno skill è una cartella con un file SKILL.md. Scegli il tuo agente ed esegui i comandi in un terminale (macOS, Linux o Git Bash su Windows) dalla radice del progetto.
Incolla il prompt in Claude, Codex o un altro assistente: controllerà lo skill e lo installerà.
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
Riavvia Claude Code: lo skill compare nell'elenco; per richiamarlo a mano usa /remotion-video-creation. Per tutti i progetti: ~/.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 cerca gli skill in .agents/skills dalla cartella corrente fino alla radice del repo; richiamalo con /skills o $remotion-video-creation. Per tutti i progetti: ~/.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 carica lo skill all'avvio; richiamalo con “/” nella chat Agent. Cursor legge anche .claude/skills e .agents/skills. Per tutti i progetti: ~/.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 propone di attivare lo skill quando il compito corrisponde: tu confermi. Per tutti i progetti: ~/.gemini/skills.
Leggi SKILL.md e i file correlati prima di installare. Clicca un file per l'anteprima.
Contenuto di SKILL.md
Testo originale dell'autore · sola lettura使用場面
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 への動画埋め込み——トリミング、音量、速度、ループ、ピッチ
Domande frequenti
Che cosa fa lo skill remotion-video-creation?
Fornisce 29 regole per la creazione di video in React utilizzando Remotion, coprendo 3D, animazione, audio e didascalie.
Come si installa remotion-video-creation?
Apri il blocco “Installazione” in questa pagina e scegli il tuo agente — Claude Code, Codex, Cursor o Gemini CLI — per i comandi pronti che copiano la cartella dello skill nel posto giusto. Oppure copia il prompt dalla scheda “Con l'assistente” e lascia che sia l'assistente a controllare e installare lo skill.
Con quali modelli AI funziona remotion-video-creation?
Gli skill sono semplici istruzioni in Markdown (formato Agent Skills), quindi remotion-video-creation funziona con qualsiasi agente che legge SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode e altri. Il modello carica le istruzioni solo quando il compito corrisponde alla descrizione dello skill.
remotion-video-creation è gratuito?
Lo skill è pubblicato apertamente da affaan-m con licenza MIT. Lo skill in sé non costa nulla: paghi solo il tuo fornitore AI per i token usati.
È sicuro installare gli skill?
Uno skill è un insieme di istruzioni che il tuo agente seguirà: leggi SKILL.md e i file correlati prima di installarlo. Gli script nella cartella dello skill vengono eseguiti solo se li esegue l'agente: controlla cosa fa e non concedere permessi superflui.
In cosa differisce uno skill da un server MCP o da un plugin?
Un server MCP o un plugin danno al modello nuovi strumenti: codice che viene eseguito e restituisce un risultato. Uno skill fornisce conoscenza e metodo: come affrontare il compito, quali passi seguire e com'è un buon risultato. Non servono server né chiavi API.
Skill correlati
Tutti gli skill →videodb
Elabora video e audio: acquisisce, indicizza, cerca, modifica, transcodifica, genera media e crea avvisi.
affaan-m258k
ui-demo
Crea video demo professionali dell'interfaccia utente per applicazioni web utilizzando Playwright, inclusi cursore e ritmo naturale.
affaan-m258k
taste
Crea una direzione creativa per video musicali e montaggi brevi in stile angelcore, cloud-trance, hyperpop, sincronizzando le immagini con la musica.
affaan-m258k
fal-ai-media
Genera immagini, video e audio utilizzando i modelli fal.ai, inclusi text-to-image, text-to-video e text-to-speech.
affaan-m258k
tasteforge-video
Crea e gestisce flussi di lavoro per video, immagini e asset 3D, inclusa l'analisi dello stile, la validazione e l'esportazione della timeline.
affaan-m258k
video-editing
Modifica e struttura di filmati video assistiti dall'IA, inclusi tagli, aggiunta di sottotitoli e voci fuori campo, per la creazione di contenuti.
affaan-m258k