skill-screen-demo は何をしますか？
1つのプロンプトで製品デモ動画を作成するワークフロー。PlaywrightまたはUIAキャプチャと、RemotionによるScreen Studioスタイルのプログラム編集を利用します。
概要
このスキルを使用すると、製品のデモ動画を簡単に作成できます。ユーザーは1つのプロンプトを提供するだけで、システムが自動的に画面操作をキャプチャし、プロフェッショナルな編集を施したデモ動画を生成します。
対応プラットフォーム
- Playwright: ブラウザベースの操作をキャプチャする場合に使用します。
- UIA: Windows UI自動化を使用して、ネイティブアプリケーションの操作をキャプチャする場合に使用します。
- Remotion: キャプチャした操作をもとに、プログラム的に動画を編集します。
使用方法
- デモシナリオを自然言語で記述します。
- システムがPlaywrightまたはUIAを使用して画面操作をキャプチャします。
- Remotionがキャプチャデータを編集し、最終的な動画を出力します。
必要条件
- Node.js (v14以上推奨)
- PlaywrightまたはUIAの依存関係（使用するキャプチャ方式に応じて）
- Remotionのセットアップ
設定
環境変数や設定ファイルで、キャプチャ方式や出力形式をカスタマイズできます。
例
# プロンプト例
製品のログイン画面からダッシュボードまでの操作をデモする動画を作成してください。
注意事項
- キャプチャ中はユーザーの操作が制限される場合があります。
- デモ動画の品質は、プロンプトの詳細度に依存します。