AIコーディングエージェントにモーショングラフィックス制作を教える、インストール可能な55種類のスキル集。
remotion-dev/skills
Claude Code、Codex、CursorなどのAIコーディングエージェントにRemotion動画制作のベストプラクティスを教えるAgent Skills集。
- スター
- 5,359
- フォーク
- 592
- 未解決の Issue
- 21
- 最終コミット
- 3 日前
これは何?
このリポジトリは、プログラムから動画を作成するためのReactフレームワークRemotion向けのAgent Skillsを提供します。各スキルには、Remotionプロジェクトで作業する際にAIコーディングエージェントが読み込めるガイダンスがまとめられており、コンポジション、アニメーション、レイアウト、字幕、レンダリング、マップ、Mediabunnyを使ったブラウザベースのメディア処理を扱います。
スキルは `npx skills add remotion-dev/skills` でインストールでき、新規プロジェクトを `bun create video` で作成する際にも利用できます。個々のスキルでは、新しいコンポジションの作成、Studioプレビューの起動、動画や静止画のレンダリング、最新のRemotion APIリファレンスの検索などを扱います。適切なスキルが分からない場合は、ほかのスキルを幅広くカバーする `remotion-best-practices` スキルを利用できます。
これらのスキルは、Claude Code、Codex、Kimi Code、Cursorなどのエージェントを対象としています。エージェントがAPIを推測するのではなくRemotionの規約に沿って作業できるよう支援するため、AIの支援を受けて動画コードを生成・編集する開発者に役立ちます。
主な機能
- 01コンポジション、アニメーション、レイアウト、タイポグラフィ、メディア、音声、タイミングをカバー
- 02新しいRemotionプロジェクトやコンポジションの作成用スキルを収録
- 03Mapbox、MapLibre、CesiumJSを使ったマップアニメーションのガイダンスを提供
- 04最新のRemotionドキュメントを検索・取得するdocsスキルを提供
- 05Remotionと関連パッケージのアップグレード用スキルを収録
ユースケース
- AIコーディングエージェントにRemotion動画コードを生成させ、APIの誤りを減らす
- Remotionプロジェクトでアニメーション付きタイトルカード、字幕、プロモーション動画を作成する
- Remotionでアニメーション付きの地図ルートや地理を解説する動画を作る
- エージェントを使ったワークフローでRemotion動画をレンダリングし、プレビューする
トピック
よくある質問
- skills とは?
- Claude Code、Codex、CursorなどのAIコーディングエージェントにRemotion動画制作のベストプラクティスを教えるAgent Skills集。 このリポジトリは、プログラムから動画を作成するためのReactフレームワークRemotion向けのAgent Skillsを提供します。各スキルには、Remotionプロジェクトで作業する際にAIコーディングエージェントが読み込めるガイダンスがまとめられており、コンポジション、アニメーション、レイアウト、字幕、レンダリング、マップ、Mediabunnyを使ったブラウザベースのメディア処理を扱います。
- skills は無料で使えますか?ライセンスは?
- skills にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
- skills は今もメンテナンスされていますか?
- 活発にメンテナンス中。skills の最終コミットは 2026年10月16日 です。
- skills は何に使えますか?
- AIコーディングエージェントにRemotion動画コードを生成させ、APIの誤りを減らす Remotionプロジェクトでアニメーション付きタイトルカード、字幕、プロモーション動画を作成する Remotionでアニメーション付きの地図ルートや地理を解説する動画を作る エージェントを使ったワークフローでRemotion動画をレンダリングし、プレビューする
- skills はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/remotion-dev/skills
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
A set of installable skills that give AI coding agents guidance on motion design, After Effects, Remotion video, logo animation, and motion backgrounds.
コーディング支援AIにGSAPを正しく使わせる、公式AIエージェントスキル集。コアAPI、タイムライン、ScrollTrigger、プラグインを網羅。
Claude CodeとCodexで、生成AIではなくRemotionのコードから製品ページをシネマティックなプロモ動画に変換するエージェントスキル。
HumanLayerによる、調査・設計・PRレビューの可視化・エージェント型コーディング向けClaude Codeスキル集。
An MIT-licensed Claude agent skill that teaches Claude to create and edit motion-graphics videos in code with Remotion.