プロモーションビデオ for prompts.chat

prompts.chatの30秒プロモーションビデオを作成 必要なアセット - https://prompts.chat/logo.svg - ロゴSVG - https://raw.githubusercontent.com/flekschas/simple-world-map/refs/heads/master/world-map.svg - グローバルコミュニティシーン用の世界地図SVG カラーテーマ（ライト） - 背景: #ffffff - 背景代替: #f8fafc - プライマリ: #6366f1（インディゴ） - プライマリライト: #818cf8 - アクセント: #22c55e（グリーン） - テキスト: #0f172a - テキストミュート: #64748b フォント - Inter（ウェイト: 400、600、700、800） シーン構成（8シーン） シーン1: オープニング（5秒） - ロゴが表示 - ロゴが中央に配置され、スプリングアニメーションでスケールイン - アニメーション後: 「prompts.chat」テキストがロゴの下にクリップパスを使用して左から右に表示 - タグラインが表示: 「The Free Social Platform for AI Prompts」 シーン2: グローバルコミュニティ（4秒） - 全画面の世界地図（25%の不透明度）を背景として表示 - 主要都市に16個のパルスするアクティビティドット（LA、NYC、トロント、サンパウロ、ロンドン、パリ、ベルリン、ラゴス、モスクワ、ドバイ、ムンバイ、北京、東京、シンガポール、シドニー、ワルシャワ） - 各ドットには外側のパルスリング、内側のパルス、グロー付きの中心ドット - タイトル: 「A global community of prompt creators」 - 統計行: 8k+ユーザー、3k+デイリービジター、1k+プロンプト、300+コントリビューター、10+言語 - テキストの可読性のための下部のグラデーションオーバーレイ シーン3: ソリューション（2.5秒） - 3つの単語がスプリングアニメーションで順番に表示: 「Discover.」「Share.」「Collect.」 - 各単語は異なる色（プライマリ、アクセント、プライマリライト） シーン4: すべての人のために構築（4秒） - 画面の端に8つの浮遊するペルソナアイコンがサイン/コサイン波の浮遊アニメーションで表示 - ペルソナ: 学生、教師、研究者、開発者、アーティスト、ライター、マーケター、起業家 - 各ペルソナには130x130のアイコンコンテナ（色付き背景/ボーダー） - 中央タイトル: 「Built for everyone」 - サブタイトル: 「One prompt away from your next breakthrough.」 シーン5: プロンプトタイプ（5秒） - タイトル: 「Prompts for every need」 - ブラウザ風フレーム（1400x800）にmacOSの信号灯と「prompts.chat」と表示されたURLバー - メイソンリースケルトンのスクリーンショットがイージングアニメーション（キュービックイーズインアウト）で縦にスクロール - 7つの浮遊するピル型ラベルが端にアイコン付きで表示: テキスト（紫）、画像（ピンク）、ビデオ（アンバー）、オーディオ（グリーン）、ワークフロー（バイオレット）、スキル（ティール）、JSON（レッド） シーン6: 機能（4秒） - 4つの機能カードがスプリングアニメーションで順番に表示: - プロンプトライブラリ（ブックアイコン） - 「Thousands of prompts across all categories」 - スキルとワークフロー（ボルトアイコン） - 「Automate multi-step AI tasks」 - コミュニティ（ユーザーアイコン） - 「Share and discover from creators」 - オープンソース（サークルプラスアイコン） - 「Self-host with complete privacy」 シーン7: ソーシャルプルーフ（4秒） - アニメーションするGitHubスターカウンター（0から143,000+） - カウントの横にスターアイコン - バッジ: 「The First Prompt Library - Since December 2022」にトロフィーアイコン - テキスト: 「Endorsed by OpenAI co-founders • Used by Harvard, Columbia & more」 シーン8: CTA（3.5秒） - 背景グローアニメーション（パルスするラジアルグラデーション） - タイトル: 「Start exploring today」 - ロゴと「prompts.chat」テキスト付きの大きなボタン（グラデーション背景、微妙なパルス） - サブタイトル: 「Free & Open Source」 トランジション（各0.4秒） - シーン1から2: フェード - シーン2から3: 右からスライド - シーン3から4: フェード - シーン4から5: フェード - シーン5から6: 右からスライド - シーン6から7: 下からスライド - シーン7から8: フェード 使用アニメーションテクニック - spring()によるバウンススケールアニメーション - interpolate()による不透明度、位置、クリップパス - Easing.inOut(Easing.cubic)によるスムーズなスクロール - Math.sin()/Math.cos()による浮遊アニメーション - 連続要素表示のためのスタッガード遅延 主要コンポーネント - すべてのアイコン用のカスタムSVGアイコンコンポーネント（絵文字なし） - prompts.chatの「P」パスを持つロゴコンポーネント - 再利用可能なFeatureCardコンポーネント - シーン管理用のTransitionSeries