Remotion Video Creation

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

293,665 stars 43,456 forksImages, Video & Audio Plugin marketplace

Install

Claude Code plugin
/plugin marketplace add affaan-m/ECC

The repo is a Claude Code plugin marketplace. Run /plugin afterwards to pick the plugin that includes this skill.

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add affaan-m/ECC --skill remotion-video-creation
Manual install
git 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-creation

Personal 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 を使用して指定タイムスタンプの動画フレームを抽出する
Read the full skill on GitHub

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

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

294k

affaan-m/ECC

WCAG 2.2 レベル AA 標準を用いてインクルーシブなデジタルプロダクトを設計・実装・監査します。Web 用のセマンティック ARIA および Web・ネイティブプラットフォーム(iOS/Android)のアクセシビリティトレイトを生成するために使用します。

Frontend & DesignIn 1 list43k

Agent Architecture Audit

294k

affaan-m/ECC

エージェントおよび LLM アプリケーション向けのフルスタック診断。12 層のエージェントスタックにおけるラッパーリグレッション、メモリ汚染、ツール規律の失敗、隠れた修復ループ、レンダリング破損を監査します。重要度順の発見事項とコードファーストの修正を生成します。エージェントアプリケーション、自律ループ、または LLM を活用した機能を構築する開発者に必須です。

AI, LLMs & AgentsIn 1 list43k

Agent Eval

294k

affaan-m/ECC

カスタムタスクでコーディングエージェント(Claude Code、Aider、Codex など)をヘッドツーヘッドで比較し、合格率、コスト、時間、一貫性のメトリクスを測定します

AI, LLMs & AgentsIn 1 list43k

Video Editing

294k

affaan-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.

Images, Video & AudioIn 1 list43k

Brand Voice

294k

affaan-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.

Images, Video & AudioIn 1 list43k

Video Editing

294k

affaan-m/ECC

実写素材のカット、構築、強化のためのAI支援ビデオ編集ワークフロー。生の撮影素材からFFmpeg、Remotion、ElevenLabs、fal.aiを経て、DescriptまたはCapCutで最終仕上げを行う完全なパイプラインをカバーする。ユーザーがビデオの編集、素材のカット、vlogの作成、またはビデオコンテンツの構築を望む場合に使用する。

Images, Video & AudioIn 1 list43k

Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.