claude-demo-video-skill は何をしますか？
Remotionを使ってハッカソンや製品のデモ動画を作成します。動画構成、シーン作成、スクリーンレコーディング、ナレーション生成、最終レンダリングを処理します。デモ動画、説明動画、プロジェクトのピッチ動画を作成する際に使用します。
機能
- 動画構成の定義: 動画の全体的な流れ（導入、デモ、まとめなど）を設計します。
- シーン作成: 各シーンをRemotionのコンポーネントとして生成します。
- スクリーンレコーディングの統合: 製品の操作画面を記録し、動画に組み込みます。
- 音声ナレーション生成: AIテキスト読み上げを利用してナレーションを自動生成します。
- 最終レンダリング: すべての要素を組み合わせ、最終的な動画ファイルを出力します。
使い方
- スキルの呼び出し: Claude Codeでこのスキルをアクティブにします。
- 動画の概要を提供: 作りたい動画の内容（製品名、デモの流れ、強調ポイントなど）を自然言語で説明します。
- アセットの準備: 必要に応じて、スクリーンショットや録画ファイルを指定します。
- 生成とレンダリング: スキルがRemotionプロジェクトを作成し、動画をレンダリングします。
例
ユーザー: 「Todoリストアプリのデモ動画を作って。導入、機能紹介、使い方の3部構成で。」
スキル: 動画構成を生成し、各シーンを作成、スクリーンショットを統合、ナレーション付きでレンダリングします。
対応プラットフォーム
- Claude Code: 主な動作環境。
- Remotion: 動画生成の基盤技術。
注意事項
- スクリーンレコーディングは別途取得する必要があります（このスキルは録画機能を提供しません）。
- 生成された動画はプロジェクトのルートディレクトリに
output.mp4として保存されます。 - Remotionの依存関係（Node.js、FFmpegなど）が事前にインストールされていることを確認してください。