Remotion Video Creation
Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。
Install
/plugin marketplace add affaan-m/ECCThe repo is a Claude Code plugin marketplace. Run /plugin afterwards to pick the plugin that includes this skill.
npx skills add affaan-m/ECC --skill remotion-video-creationgit clone --depth 1 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-creationPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
## 使用場面 Remotion のコードを扱い、ドメイン固有の知識が必要な場合にこのスキルを使用してください。 ## 使い方 詳細な説明とコード例については、各ルールファイルをお読みください: * [rules/3d.md](../../../../skills/remotion-video-creation/rules/3d.md) - Three.js と React Three Fiber を使用して Remotion で 3D コンテンツを作成する * [rules/animations.md](../../../../skills/remotion-video-creation/rules/animations.md) - Remotion の基本的なアニメーションスキル * [rules/assets.md](../../../../skills/remotion-video-creation/rules/assets.md) - Remotion で画像、動画、音声、フォントをインポートする * [rules/audio.md](../../../../skills/remotion-video-creation/rules/audio.md) - Remotion での音声とサウンドの使用——インポート、トリミング、音量、速度、ピッチ * [rules/calculate-metadata.md](../../../../skills/remotion-video-creation/rules/calculate-metadata.md) - コンポジションの長さ、サイズ、プロパティを動的に設定する * [rules/can-decode.md](../../../../skills/remotion-video-creation/rules/can-decode.md) - Mediabunny を使用してブラウザが動画をデコードできるか確認する * [rules/charts.md](../../../../skills/remotion-video-creation/rules/charts.md) - Remotion のチャートとデータビジュアライゼーションパターン * [rules/compositions.md](../../../../skills/remotion-video-creation/rules/compositions.md) - コンポジション、静止画、フォルダー、デフォルトプロパティ、動的メタデータの定義 * [rules/display-captions.md](../../../../skills/remotion-video-creation/rules/display-captions.md) - TikTok スタイルのページと単語ハイライトに対応した Remotion での字幕表示 * [rules/extract-frames.md](../../../../skills/remotion-video-creation/rules/extract-frames.md) - Mediabunny を使用して指定タイムスタンプの動画フレームを抽出する
Details
- Skill name
remotion-video-creation- Repository
- affaan-m/ECC
- Path
docs/ja-JP/skills/remotion-video-creation/SKILL.md- License
- MIT
- Repo updated
- 30 October 2026
- Listed in
- hesreallyhim/awesome-claude-code
FAQ
What does the Remotion Video Creation skill do?
Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。
How do I install the Remotion Video Creation skill?
Claude Code plugin: /plugin marketplace add affaan-m/ECC. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Remotion Video Creation popular?
It lives in affaan-m/ECC, which has 293,665 GitHub stars and 43,456 forks, and is included in 1 curated skill list.
Related skills
Accessibility
294kaffaan-m/ECC
WCAG 2.2 レベル AA 標準を用いてインクルーシブなデジタルプロダクトを設計・実装・監査します。Web 用のセマンティック ARIA および Web・ネイティブプラットフォーム(iOS/Android)のアクセシビリティトレイトを生成するために使用します。
Agent Architecture Audit
294kaffaan-m/ECC
エージェントおよび LLM アプリケーション向けのフルスタック診断。12 層のエージェントスタックにおけるラッパーリグレッション、メモリ汚染、ツール規律の失敗、隠れた修復ループ、レンダリング破損を監査します。重要度順の発見事項とコードファーストの修正を生成します。エージェントアプリケーション、自律ループ、または LLM を活用した機能を構築する開発者に必須です。
Agent Eval
294kaffaan-m/ECC
カスタムタスクでコーディングエージェント(Claude Code、Aider、Codex など)をヘッドツーヘッドで比較し、合格率、コスト、時間、一貫性のメトリクスを測定します
Video Editing
294kaffaan-m/ECC
AI-assisted video editing workflows for cutting, structuring, and augmenting real footage. Covers the full pipeline from raw capture through FFmpeg, Remotion, ElevenLabs, fal.ai, and final polish in Descript or CapCut. Use when the user wants to edit video, cut footage, create vlogs, or build video content.
Brand Voice
294kaffaan-m/ECC
Build a source-derived writing style profile from real posts, essays, launch notes, docs, or site copy, then reuse that profile across content, outreach, and social workflows. Use when the user wants voice consistency without generic AI writing tropes.
Video Editing
294kaffaan-m/ECC
実写素材のカット、構築、強化のためのAI支援ビデオ編集ワークフロー。生の撮影素材からFFmpeg、Remotion、ElevenLabs、fal.aiを経て、DescriptまたはCapCutで最終仕上げを行う完全なパイプラインをカバーする。ユーザーがビデオの編集、素材のカット、vlogの作成、またはビデオコンテンツの構築を望む場合に使用する。
Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.