Communitygithub.com

Pluviobyte/暗色SaaS魔术短片技能

暗色シネマティックなSaaS/製品モーションビデオを、Presenton風の「マジックUI」スタイルで制作します。ブラックスターステージ、下部パープルグロー、大型キネティックタイポグラフィ、シアンからマゼンタへのCTAボタン、プロンプトカード、フローティングUIテンプレート、統合バッジ、モデルリング、エクスポートオブジェクト、スピードブラー遷移、短い製品機能アークを特徴とします。ユーザーが「这种风格」「同款风格」、暗色SaaSプロモ、AI製品デモ、マジックUI製品ビデオ、またはリファレンスビデオに触発されたスタイルレベルの制作を依頼した場合に使用します。ピクセル単位やフレーム正確な複製には使用せず、その場合は先に reference-video-replica-qc を使用してください。

暗色SaaS魔术短片技能 とは?

このスキルは、暗くシネマティックなUIを召喚するスタイルで新しい製品ビデオを生成するためのものです。スタイル生成スキルであり、参照アライメントスキルではないため、ai-motion-directorがスタイルレベルの製品またはSaaSビデオルートを選択した後に使用します。典型的な出力は、ブラックスターステージ、下部パープルグロー、大型キネティックタイポグラフィ、シアンからマゼンタへのグラデーションCTAボタン、スピードブラー遷移、暗闇から召喚されたように感じられるUIオブジェクト(カード、バッジ、フォルダ、モデルチップ、アプリウィンドウ、エクスポートピルなど)を特徴とします。このスキルは主にHyperFramesを使用して構築され、人間の介入なしでビデオを生成するAIエージェント(Claude Code、Codex、Curosrなど)向けに設計されており、製品名、ターゲット視聴者、期間プリセット、利用可能なアセットなどの入力に基づいて、一貫性のあるスタイルの製品ビデオを生成します。

対応~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/Pluviobyte/video-production-skills/tree/HEAD/dark-saas-magic-video

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

暗色SaaSマジックビデオ

役割

暗く、シネマティックで、UIを召喚するスタイルで新しい製品ビデオを作成します。これはスタイル生成スキルであり、参照アライメントスキルではありません。ai-motion-director がスタイルレベルの製品またはSaaSビデオルートを選択した後に使用します。

代表的なショーケース

  • 人間向け表示名: 暗色 SaaS 魔术短片
  • 完成作品例: 雪踏乌云暗色 SaaS 介绍短片
  • ファイル: assets/showcases/xuetawuyun-dark-saas-showcase-1080p.mp4
  • これをスケール、ペーシング、シーン語彙、最終的な洗練のためのスタイルリファレンスとして使用します。ユーザーが同じブランド/アカウントを要求しない限り、そのテキストをコピーしないでください。

境界

  • スタイルレベルの作成に使用: 「做成这个感觉」「类似 Presenton 这种风格」「暗色科技感 SaaS 产品短片」「AI 工具产品演示」
  • ピクセルレベル、フレーム正確、またはタイムスタンプ正確なリメイクには使用しないでください。最初に reference-video-replica-qc を使用してください。
  • product-launch-video を置き換えないでください。要求されたビジュアル言語が特にダークマジックUIである場合にのみ使用し、汎用的な製品ローンチには使用しないでください。
  • ユーザーが明示的にRemotionを要求しない限り、HyperFramesで構築してください。

必須の読み物

コンポジションを書く前に、以下を読んでください:

  1. references/style-language.md
  2. references/scene-blueprints.md
  3. references/timing-presets.md
  4. references/asset-contract.md

最終引き渡し前に、references/qc-checklist.md を読んでください。

入力

以下を収集または推測します:

  • 製品名と一行の約束
  • ターゲット視聴者とプラットフォーム
  • 期間プリセット: sting、standard、または extended
  • ペインワードまたは冒頭の主張
  • コアワークフロー: プロンプト、生成、接続、モデル、エクスポート、共有、自動化
  • 利用可能なアセット: ロゴ、スクリーンショット、UIカード、統合ロゴ、エクスポート名
  • 出力比率とアーカイブスラッグ

アセットがない場合は、抽象的なUIカードとテキストバッジを使用します。結果はスタイルレベルの製品ビデオであり、製品正確なUI録画ではないことを明記します。

厳格なスタイルルール

  1. 微細なグレイン/スターパーティクルと弱い下部パープルホライズングロウを備えたブラックの空間ステージを使用します。
  2. 持続的な水平ネオンラインバックグラウンドは避けてください。スタイルが平坦になります。
  3. ストーリービートとして小さなラベルではなく、大きな白いキネティックタイポグラフィを使用します。
  4. 可視の変形をトリガーする、少なくとも1つのシアンからマゼンタへのグラデーションCTAを含めます。
  5. ヒーローオブジェクトは、最も見えるフレームで大きくします。プロンプトカード、CTA、UIボード、バッジリング、またはエクスポートオブジェクトが、小さな遠くの小道具のように感じられてはいけません。
  6. 主要な遷移には、スピードブラー、スミア、スケールラッシュ、またはホワイトベロシティワイプを使用します。
  7. 暗闇から召喚されたように感じられるUIオブジェクトを含めます: カード、バッジ、フォルダ、モデルチップ、アプリウィンドウ、またはエクスポートピル。
  8. 説明のない全画面ソリッドカラーフラッシュを追加しないでください。
  9. このスタイルワークフローに対してピクセルレベルの忠実度を主張しないでください。

ワークフロー

1. アークを形作る

references/timing-presets.md から期間プリセットを選択します。製品を5~8の機能ビートにマッピングします。原因と結果の連鎖を優先します: テキストの約束 -> プロンプト -> CTAクリック -> 生成結果 -> 統合/モデル -> エクスポート -> 最終的な主張。

2. ブループリントを選択

references/scene-blueprints.md を使用してシーンモジュールを選択します。すべてのモジュールを盲目的に使用せず、製品の実際の機能に合わせてください。

3. HyperFramesで構築

関連するHyperFramesスキルをロードします:

  • hyperframes: コンポジション作成用
  • hyperframes-cli: lint、validate、inspect、render用
  • hyperframes-animation: スピードブラー、タイプモーション、リング、カーソルクリック用
  • hyperframes-media: オーディオ、TTS、SFX、またはキャプションが必要な場合のみ

決定論的モーションを使用します。最初にヒーローフレームを構築し、その後アニメーションでそれらに遷移します。

4. QC

references/qc-checklist.md を使用します。ユーザーがリファレンスビデオを提供し、アライメントを重視する場合は、reference-video-replica-qc も使用します。

出力

最終的なMP4パス、QCコンタクトシートパス、確認された仕様、および使用した期間プリセットとシーンモジュールを記載した短いメモを提供します。

関連スキル