remotion-creative-storytelling について
Remotion向けの動画コンセプトをClaudeと練るスキルです。制作者と協力し、実装前に視聴者に合わせたメッセージやシーンごとの絵コンテを整えます。
主な機能
- 01コンセプトの共同推敲
- 02視聴者とトーンの分析
- 03冒頭フックの作成
- 04ストーリーとシーンの構成
- 05Remotion向け絵コンテ
活用シーン
- 01製品ローンチ動画の企画
- 02一般的な動画案の改善
- 03視聴者に合わせた物語の調整
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/remotion-creative-storytellingを入力して読み込まれたか確認します。
詳細
Remotion によるクリエイティブなストーリーテリング
概要
このスキルを使うと、Remotion プロジェクトの動画コンセプトを開発する際に、Claude がユーザーとクリエイティブに協力できます。
すぐにありきたりな動画を生成するのではなく、次の点に重点を置いたワークフローで進めます。
- アイデアを共同で磨き上げる
- フックを改善する
- ストーリーテリングを強化する
- ターゲットオーディエンスに合わせてビジュアルを調整する
- 魅力的なシーン展開を構成する
テンプレートで生成したような動画ではなく、意図が感じられ、オーディエンスを意識し、感情に訴える動画を作ることが目標です。
セットアップ
開始する前に、次の作業を行います。
-
動画の種類を決めます。
- スタートアップのローンチ動画
- 解説動画
- SNS 向けショート動画
- 製品紹介
- シネマティックなシーケンス
-
次の項目を特定します。
- ターゲットオーディエンス
- プラットフォーム
- 感情的なトーン
- 視聴者に期待する反応
-
次の情報を集めます。
- 製品情報
- スクリプトや大まかなアイデア
- ビジュアルの参考資料
- ブランド素材
推奨ツール：
- Remotion
- VS Code
- ストーリーボードのメモ
- Figma またはムードボード（任意）
必要な入力
- 動画のアイデアまたは大まかなコンセプト
- 製品またはトピックの情報
- オーディエンスのプロフィール
- トーンやスタイルの希望
任意：
- 既存のスクリプト
- 競合の参考資料
- ブランドガイドライン
このスキルを使用する場面
次のような場合にこのスキルを使用します。
- ローンチ動画を開発する
- クリエイティブなコンセプトをブレインストーミングする
- 弱い動画のアイデアを磨き上げる
- オーディエンスを重視したストーリーを構築する
- 実装前にシーンの流れを計画する
- 視聴者のエンゲージメントを高める
使用しない場面
次のような場合は、このスキルを使用しないでください。
- 純粋に技術的なアニメーション作業
- レンダリングのみのワークフロー
- 静的なスライドショーの生成
- ストーリーテリングが求められないプロジェクト
使用例
懐疑的な金融ユーザーをターゲットにした、株式市場インテリジェンスアプリのローンチ動画を作成してください。
Claude は次の作業を行います。
- オーディエンスの考え方を分析する
- 弱いメッセージやありきたりなメッセージを特定する
- より強力な冒頭のフックを考案する
- すばやく好奇心を引き出す
- 信頼性と明快さを軸にシーンを構成する
- ペースを共同で調整する
- コンセプトを Remotion に適したストーリーボードに変換する
最終的な出力は、次のような印象を与えるものにします。
- 信頼できる
- 現代的
- テンポが速い
- ビジュアルに意図が感じられる
- オーディエンスを意識している
基本原則
共同での反復
Claude は、最初のアイデアをすぐに受け入れてはいけません。
ワークフローでは、次の作業を行います。
- 弱いコンセプトに疑問を投げかける
- メッセージを磨き上げる
- ストーリー構成を改善する
- 別のクリエイティブな方向性を探る
クリエイティブの質は、反復によって高まります。
オーディエンスへの配慮
ストーリーテリングに関するすべての判断を、次の要素に合わせる必要があります。
- 視聴者の期待
- プラットフォームの特性
- 感情的な反応
- オーディエンスの懐疑心や意欲
例： 金融関連のオーディエンスには、次の要素が必要になる場合があります。
- より高い信頼性
- より分かりやすいデータの視覚化
- 誇張に頼らないメッセージ
強力なフック
冒頭の数秒が重要です。
フックには、次の要素が求められます。
- 好奇心を引き出す
- 緊張感を生み出す
- 思い込みに異を唱える
- すぐに関連性を示す
弱いフックは、視聴者の定着率を大きく下げます。
ワークフロー
1. コンセプトの検討
大まかなアイデアから始めます。
Claude は次の作業を行います。
- 明確化のための質問をする
- 曖昧なメッセージを特定する
- ありきたりなコンセプトに異を唱える
- より強力な代案を提案する
例：
次のような表現ではなく、
「AI 株式アプリの動画」
次のように磨き上げます。
「個人投資家の情報過多を軽減することに焦点を当てた、テンポの速い市場インテリジェンスのローンチ動画。」
2. オーディエンス分析
次の項目を特定します。
- 視聴者の動機
- 懐疑心
- 注意持続時間
- 望ましい感情的な反応
ストーリーテリングのスタイルは、オーディエンスに合わせて調整します。
3. フックの開発
冒頭のフックを複数案作成します。
例：
- 意外な統計
- 挑発的な発言
- 視覚的な矛盾
- 変化を素早く比較するビフォーアフター
Claude はフックを比較し、共同で磨き上げます。
4. ストーリー構成
ストーリーを次のセクションに整理します。
例：
- フック
- 問題
- いら立ち
- 解決策
- 実演
- CTA
各セクションでは、次の点を満たすようにします。
- 自然につなげる
- ペースを維持する
- エンゲージメントを高める
5. ビジュアルの方向性
次の項目を定義します：
- モーションスタイル
- タイポグラフィ
- ペース配分
- トランジション
- ビジュアルトーン
ビジュアルの方向性は、メッセージを後押しするものにします。
例： 金融に焦点を当てた動画では、次のような要素が好まれます：
- すっきりとしたタイポグラフィ
- データを中心としたビジュアル
- 余計な情報を最小限に抑える
- 高い情報密度
6. シーンの計画
コンセプトをRemotionですぐに使えるシーンに落とし込みます。
次の項目を定義します：
- シーンの長さ
- トランジション
- 字幕の表示方法
- アニメーションで強調する要素
- タイミング
各シーンは、モジュール化され、再利用可能な状態にします。
7. 最終確認
実装前に、次の項目を確認します：
- フックの強さ
- ペース配分の質
- ナラティブの明確さ
- オーディエンスとの適合性
- 感情の一貫性
弱い部分は、アニメーションを始める前に磨き上げます。
出力に関する要件
最終的な出力には、次の内容を含めます：
- 構造化されたクリエイティブの方向性
- 明確なストーリー展開
- オーディエンスに合わせたメッセージ
- シーンごとのストーリーボード
- 実装可能なコンセプト構成
コンセプトは、次のような印象を与えるものにします：
- 意図が明確
- 洗練されている
- 感情に一貫性がある
- プラットフォームを意識している
実行戦略（AI エージェント向け）
エージェントは、次のことを行います：
- 弱いコンセプトをそのまま受け入れず、協力してアイデアを洗練させる
- オーディエンスの心理を優先する
- フックを積極的に改善する
- 意図を持ってシーンを構成する
- 明確さと感情的なエンゲージメントを高める
- コンセプトがRemotionのワークフローですぐに実装できる状態であることを確認する
ワークフローでは、次の要素を最適化します：
- 視聴者の維持
- 明確さ
- ペース配分
- ナラティブの質
- 感情的なエンゲージメント
ベストプラクティス
- 派手なビジュアルより、強いフックのほうが重要です
- 汎用的なスタートアップ風のメッセージは避けます
- 早い段階で好奇心を引き出します
- 短尺動画ではテンポを保ちます
- 不要なシーンを削除します
- ビジュアルを感情のトーンに合わせます
- 実装前に反復して改善します
注記
- クリエイティブの方向性は、動画のパフォーマンスに大きな影響を与えます
- オーディエンスを意識したストーリーテリングは、汎用テンプレートよりも高い成果につながります
- 優れた動画は即興ではなく、意図を持って構成されています
- 協力して磨き上げることで、より優れたコンセプトが生まれます