Communityコーディング&開発github.com

saranambiar/hyperframes-video-agent-skills

HyperFrames、FFmpeg、キャプション、オーディオ同期、レンダリングQAを使用したエージェント主導のビデオ作成向けの再利用可能なスキル、スクリプト、プロダクションワークフロー。実際のHyperFramesビデオ制作に基づくコミュニティプロジェクト。HyperFramesまたはHeyGenの公式リポジトリではありません。

hyperframes-video-agent-skills とは?

このスキルは、HyperFramesを使用したエージェント主導のビデオ作成のための実用的なワークフローを提供します。主に製品デモの統合に焦点を当てており、製品映像のトリミング、クロップ、トランジション、ナレーション同期、キャプションの安全性、品質保証をカバーしています。FFmpegやその他のツールと連携して動作し、クロップ決定マトリックスや製品モーメントマップなどの明確なガイドラインを提供します。このスキルは、複雑な製品映像を扱うビデオ制作エージェントに、構造化された意思決定プロセスと品質チェックリストを提供し、一貫性のあるプロフェッショナルな結果を保証します。

対応~Claude Code~Codex CLI✓Cursor
npx skills add saranambiar/hyperframes-video-agent-skills

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

製品デモ統合

このスキルは、製品映像が最終ビデオに含まれる場合に使用します。

事前準備

編集前に以下を確認します:

  • 録画の長さ、解像度、フレームレート、音声を調査する。
  • 録画にキャンバス、ブラウザフレーム、カーソル、ズーム、スクロール、無駄な時間が含まれているか特定する。
  • 必要な製品モーメントとそのタイムスタンプを特定する。
  • 製品状態に合わせる必要があるナレーションフレーズを特定する。
  • 重要なUIが切り取られる可能性がある場合、積極的なクロップの前に承認を得る。

クロップの判断

デフォルトでは、背景キャンバスを削除するよりもUIを優先します。

以下の場合にのみクロップを使用します:

  • 重要なUIがズームやスクロール全体で常に表示されている。
  • クロップが見出し、ラベル、カーソルのコンテキスト、最終状態を切り取らない。
  • 最もタイトなズームでも機能することを確認するプルーフフレームがある。

以下の場合は、クロップなしまたは軽いクロップを使用します:

  • 録画が異なる領域にズームインする。
  • 製品モーメントがキャンバス上を移動する。
  • ユーザーが、クロップされた出力がキーテキストを切り取ったと既に述べている。

チェックリストについては、references/crop-and-zoom.mdを参照してください。

製品映像へのトランジション

  • 前のシーンの最終フレームから開始します。
  • 連続性が必要な場合は、ハードカットではなくカメラスワイプまたはプッシュモーションを使用します。
  • 製品録画の最初のフレームに着地します。
  • 録画が無駄な時間で始まる場合、同期を壊さない場合にのみトリミングします。
  • 製品モーメントをナレーションに合わせる必要がある場合、後続のすべての同期を変更するのではなく、そのモーメントの前のセグメントのタイミングを再調整します。

トランジションアウト

  • 最後の意味のある製品状態を、視聴者が認識できるだけの十分な時間保持します。
  • 必要に応じて、次のシーンへのカメラスワイプを作成します。
  • 画面録画の最後に誤って空白フレームが入らないようにします。
  • トランジション境界でプルーフフレームを抽出します。

QA

  • 製品の最初のフレームを確認します。
  • すべてのズームのピークを確認します。
  • 必要なすべての製品状態を確認します。
  • トランジションのイン/アウトを確認します。
  • キャプションが製品UIを覆っていないことを確認します。

出力

以下を返します:

  • 使用したソース録画。
  • クロップ/クロップなしの判断。
  • トリミング/再調整のセグメント。
  • レンダリングパス。
  • 最もタイトなクロップと主要な製品モーメントのプルーフフレーム。

製品モーメントマップ

編集前にモーメントマップを作成します:

  • 録画タイムスタンプ。
  • 表示されているもの。
  • ナレーションフレーズ。
  • 希望するグローバルタイムスタンプ。
  • カーソルが重要かどうか。
  • スクロール位置が重要かどうか。
  • キャプションが重なるかどうか。
  • クロップが安全かどうか。

このマップを使用して、トリミングと再調整を決定します。

クロップ決定マトリックス

以下の場合、クロップなしを選択します:

  • ユーザーがキャンバス/背景を受け入れている。
  • ズームが画面を移動する。
  • タイトなクロップでメインテキストが切れる。
  • 製品状態が洗練よりも重要である。

以下の場合、軽いクロップを選択します:

  • キャンバスが気が散るが、UIは中央に留まっている。
  • キャプションにもう少しスペースが必要。
  • ブラウザのクロームや不要な余白を安全に削除できる。

以下の場合のみ、動的クロップを選択します:

  • 各クロップ矩形がマッピングされている。
  • 動きが意図的に感じられる。
  • すべての主要な製品状態にプルーフフレームがある。

ナレーション同期

製品状態を話されるフレーズに同期します:

  • フレーズの前にトランジションを開始し、製品がフレーズ時に表示されるようにします。
  • 理解が重要な場合は、フレーズの後に製品の最終フレームを保持します。
  • 製品スクロールを不自然に速くするのではなく、モーメント前の映像を遅くします。
  • 製品状態に到達するために、ナレーションの途中でカットしないでください。

画面録画のクリーンアップ

以下を確認します:

  • カーソルの表示。
  • ブラウザUI。
  • 通知ポップアップ。
  • 無駄な時間。
  • 空白の読み込み画面。
  • 誤って含まれたデスクトップの端。
  • スクロール速度。
  • ズームの焦点。

製品の明瞭さを損なわない場合にのみ、これらを削除または非表示にします。

キャプションの安全性

キャプションが埋め込まれている場合:

  • 下部のナビゲーションバーを確認します。
  • 製品テーブルを確認します。
  • モーダルボタンを確認します。
  • タイムラインコントロールを確認します。
  • 必要に応じて、キャプションマージンを移動するか、別のプルーフフレームを選択します。

ユーザー承認ポイント

以下の前に承認を求めます:

  • 表示されているキャンバスをクロップする。
  • カーソルを削除する。
  • 映像を劇的に高速化する。
  • 製品の詳細をぼかしたりマスクしたりする。
  • 実際の映像を再作成されたUIに置き換える。

ハンドオフフォーマット

以下を報告します:

  • 使用した製品クリップ。
  • クロップ戦略。
  • トリミングポイント。
  • 再調整の比率。
  • 主要なプルーフフレーム。
  • 設計上不完全なまま残っているUI。

関連スキル