Remotionスキルの使い方
BizAgentでRemotionを使ってプロモーション動画を作成する方法を解説します。
Remotionとは
- HTMLベースの動画生成ライブラリ
- 図形やテキストをコードで制御して動かす
- Reactで動画を作成できる
得意なこと
- プロモーションムービー
- テロップ・字幕付き動画
- 図形アニメーション
- ロゴモーション
苦手なこと
- 実写風・フォトリアルな映像
- ピクセル単位の画像生成
事前準備
1. スキルのダウンロード
- エージェントを起動
- 「Remotionのスキルをダウンロードして」と指示
- ネットから探させる
2. スキルの配置確認
.claude/skills/配下にremotion-best-practices.mdが配置されていればOK- 左のエクスプローラーで確認
動画作成の手順
1. タスクを開始
タスクボード → 動画生成 → 実行
2. スキルを読み込む
方法A: サイドバーから選択
- 左サイドバーのスキル一覧から「remotion-best-practices」を選択して発火
方法B: スラッシュコマンド
/remotion-best-practices
と入力してEnter
3. 要件を入力
- 参考URL（Webサイトなど）
- どんな動画を作りたいか説明
- 「細かく要件はすくって」と追加すると質問形式で聞いてくれる
4. プレビュー確認
- ブラウザで
localhost:3000が開く - 再生ボタンで動画プレビュー
5. エラーが出たら
- ブラウザで右クリック →「検証」
- 「コンソール」タブを開く
- 赤いエラーメッセージをコピー
- AIに貼り付けて「これを修正して」
クオリティ向上のコツ
参考イメージを提示
- 「この動画を参考にして」とURL共有
- スクショを見せる
AIに提案させる
かっこよくする方法をネットで調べて提案して
イメージに近そうなサンプルを5個出して
型化して再利用
- 一度作った動画は「参考にして」で再利用可能
- 会社情報・色を変えるだけで量産
応用例
商談用プロモーションムービー
- 会社のWebサイトURLを入力
- 「この会社のプロモーションムービーを作成」
- ブランドカラーで自動生成
YouTubeテロップ動画
- 動画の構成を入力
- テロップ・字幕を自動配置
- アニメーション付きで生成
HeyGenとの連携
- HeyGen APIを設定すれば、AIアバターが喋る動画も作成可能
- 「たくまさんの声で喋らせて」などの指示が可能
トラブルシューティング
| 症状 | 対処法 |
|---|---|
| 画面が真っ白 | コンソールでエラー確認 → AIに貼り付け |
| バージョン不一致 | 「インストールして」でYes |
| プレビューが開かない | 「開いて」と指示 |
まとめ
- スキルをダウンロード・配置
- サイドバーまたは
/remotion-best-practicesで発火 - 要件を入力して生成
- エラーはコンソールからコピペで解決
- 型化すればどんどん楽になる