haidrrrry/claude-remotion-skill

これは何？

主な機能

• 01Claudeが線形の動きを避けられるよう、springとbezierによるイージングのルールを追加します。
• 02リビール、カラーグレーディング、フィルムグレイン、Ken Burns効果に使えるRemotionコンポーネントを提供します。
• 03単語に同期する字幕や、ローワーサード風のテキストアニメーションに対応します。
• 04納品前にレンダリングし、ffmpegでフレームを抽出して確認することを必須とします。
• 05カラー、イージング、springプリセットを1つのtheme.tsファイルで一元管理します。
• 06Claude Codeにはユーザー単位またはプロジェクト単位でインストールでき、Claude Desktopには.skillとしてアップロードできます。

ユースケース

• テキストプロンプトから、ロゴアニメーション、ブランド紹介、製品解説動画を作成する。
• アニメーション字幕付きのReels、Shorts、TikTokなど、縦型のショート動画を制作する。
• 一貫したモーションデザインのルールを適用して、単調またはありきたりなRemotion動画を改善する。
• Bロール、字幕、サウンドを組み合わせた顔出しなしのコンテンツ動画を制作する。

クイックスタート

1. 1

   リポジトリをクローンする

   git clone https://github.com/haidrrrry/claude-remotion-skill.git
2. 2

   ユーザーごとのClaudeスキルフォルダーを作成する

   mkdir -p ~/.claude/skills
3. 3

   スキルフォルダーをClaude Codeにコピーする

   cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/
4. 4

   スキルを試すため、Claudeに短いロゴスティングの作成を依頼する

使う前に知っておきたいこと

• !Claude向けの指示セットなので、Claude Code、Claude Desktop、またはスキルに対応したClaude AIが必要です。
• !利用にはClaudeのサブスクリプションまたはAPIアクセスが必要で、動画のレンダリングにはRemotionのセットアップも必要です。
• !スキルのフレーム検査ステップではffmpegを使用しますが、インストール手順では扱われていません。

トピック

よくある質問

claude-remotion-skill とは？

ClaudeにRemotionでコードからモーショングラフィックス動画を作成・編集する方法を教える、MITライセンスのエージェントスキル。 Claude Remotion Skillは、Claude Code、Claude Desktop、Claude.ai向けのエージェントスキルです。インストールすると、After EffectsやPremiereのようなタイムラインエディターに頼らず、動画制作向けのReact・TypeScriptフレームワークであるRemotionを使って動画を作るようClaudeをガイドします。このスキルには、線形補間ではなくspringやbezierによるイージング、段階的な登場・退出、グレインとビネットを加えたレイヤー構成のカラーグレーディング、静止画へのKen Burns効果、単語に同期する字幕といったモーションデザインのルールがまとめられています。

claude-remotion-skill は無料で使えますか？ライセンスは？

claude-remotion-skill は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

claude-remotion-skill は今もメンテナンスされていますか？

半年以内に更新あり。claude-remotion-skill の最終コミットは 2026年8月12日 です。

claude-remotion-skill は何に使えますか？

テキストプロンプトから、ロゴアニメーション、ブランド紹介、製品解説動画を作成する。 アニメーション字幕付きのReels、Shorts、TikTokなど、縦型のショート動画を制作する。 一貫したモーションデザインのルールを適用して、単調またはありきたりなRemotion動画を改善する。 Bロール、字幕、サウンドを組み合わせた顔出しなしのコンテンツ動画を制作する。

claude-remotion-skill のインストール方法は？

リポジトリをクローンする: git clone https://github.com/haidrrrry/claude-remotion-skill.git ユーザーごとのClaudeスキルフォルダーを作成する: mkdir -p ~/.claude/skills スキルフォルダーをClaude Codeにコピーする: cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/ スキルを試すため、Claudeに短いロゴスティングの作成を依頼する

claude-remotion-skill はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/haidrrrry/claude-remotion-skill