使い方ガイドへスキップ
general-video作者 HeyGen

General Video スキル。

Claude Code と Codex のモーションおよび動画向けスキル:既存のテンプレートが合わない場合に、カスタムのマルチシーン HyperFrames 動画を作成または編集します。

  • モーションと動画
  • Video
heygen-com/hyperframes · skills/general-video/SKILL.mdSKILL.md
--- name: general-video description: Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a short unnarrated motion-first unit, including an animated title. Route fresh creation through hyperframes before using … --- ## 1. Apply cross-cutting source adapters ## 2. Start from project state ## 3. Interpret the run shape ## 4. Load required knowledge before each stage ## 5. Execute the composition ## 6. Gates that always apply
2026-09-14 に上流ファイルから読み取ったフロントマターとセクション見出し · 全 20,760 文字

01 できること

Claude Code と Codex における general-video スキルの機能

概要、ワークフロー、出力。いずれもスキルの SKILL.md から読み取った内容です。

SKILL.md より2026年9月14日読取 · 実行記録ではありません

スキル自身の言葉で

マルチシーンの動画、ブランドリール、モンタージュ、フッテージリミックス、静止ループ、タイトルカード、専用のワークフローテンプレートが合わない自由形式のビルドについて、カスタムのHyperFramesコンポジションを作成・編集します。自動化フロー(エージェントがルートを選択して実行)とコンパニオンフロー(ディレクターレベルのトリートメント計画を対話で共創)の両方をサポートします。

ストーリーボーディングによるシーン計画、スケール対応のオプションのワーカーディスパッチを伴うマルチシーン組み立て、メディア操作の統合を扱い、決定論的なコンポジションコントラクトを維持します。既存のワークフローが当てはまらない長尺の作品やカスタムビルドに使用します。

生成されるもの

  • 各シーンに対応する compositions/<frame_id>.html。タイミング付きのクリップ要素、サイズ設定されたルート、window.__timelines 上に一つの一時停止済みシークセーフなタイムラインを含みます
  • 各シーンの持続時間と終了・開始ベクトルを保持する compositions/<frame_id>.motion.json のサイドカー
  • 各シーンごとに、status、src、blueprint/rulesの参照、ビートテキストを含む Frame N ブロックを1つ記載した STORYBOARD.md
  • 最終的な Studio プレビューをユーザーが承認した後に検証されたレンダリング済み動画ファイル
プロンプト例を見る ↗

仕組み

  1. 01
    Source Adapters を適用する

    音声、画像、ボイス、グレーディング、キャプションのいずれかが必要な場合は media-use をロードします。入力が Figma のURLの場合は、まず Figma スキルを実行してアセット、トークン、ストーリーボードフレームを書き出します。

  2. 02
    Project State から開始する

    特定の編集の場合は、変更を行い、ディスカバリーを再開せずに決定事項を維持します。新規作成の場合は、まず hyperframes のインテントレイヤーを実行します。

  3. 03
    実行形態を解釈する

    BRIEF.mdからフロー(自動化またはコンパニオン)、ストーリーボード(有無)、および派生モードを読み取ります。自動化は経路を選択し、コンパニオンは共同で制作します。

  4. 04
    構成ステージを実行する

    引用されたブループリントまたはルールを用いて視聴者の展開を計画します。任意の名称付きルックを構築する前に、ライブカタログを検索してください。依存関係を解決し、レジストリブロックをインストールします。

  5. 05
    組み立てて検証する

    シーン、メディア、トランジション、キャプション、オーディオを配置します。ボイストラックの下に音楽ベッドを削ります。最初のHTMLパス後にlintを実行し、最終ゲートではhyperframesチェックを行います。

  6. 06
    承認してレンダリングする

    チェックが通過した後にのみ、最終的なStudioプレビューを開きます。レンダリングするか修正するかをユーザーに確認してください。レンダリングはユーザーの承認後にのみ行います。

02 適合性を確認

general-video スキルを使用するタイミング

Claude Code または Codex で、この種類のモーションとビデオのジョブの場合に general-video スキルを使用します。適合性と制限は、スキル自身のファイルから取得されています。

適している場合

  • ブランドリールやシズルリール、モンタージュ、静止ループ、静止タイトルカード、映像リミックスなどを含む、より長いまたは複数シーンの作品
  • 専門のワークフローテンプレートがプロジェクト要件に合わない場合のカスタムなフリーフォーム制作

境界を知る

  • アニメーションタイトルを含む、ナレーションのない短いモーション主体のユニットにはmotion-graphicsワークフローを使用してください
  • 新規の制作依頼は、このスキルに直接ではなく、まずhyperframesのインテント層を経由してください

提供すべきもの

  • BRIEF.mdbrief-format.mdが存在する場合はそれを用いて作成されます。ワークフロー、フロー、ストーリーボードの設定、確定済みフィールドを含みます。
  • Figma URLfigma.comのURL入力があると、まずFigmaスキルがトリガーされ、アセット、トークン、コンポーネント、またはストーリーボードフレームをエクスポートします。
  • 既存のプロジェクト状態hyperframes.jsonまたはSTORYBOARD.mdが存在する場合は、そこから再開します。BRIEF.mdは既知の事実からのみ補完し、ブリーフの質問はしません。

03 スキルの内部

general-videoスキルがClaude CodeとCodexに与えるルール

SKILL.md がエージェントに設定する 5 つの具体的な指示、デフォルト、制限 — ファイルの中でも結果を左右する部分です。

  1. ルックを構築する前にカタログを検索する

    名称付きのルックを自分で構築する計画を立てる前に、そのルックを平易な英語で指定してnpx hyperframes catalog --queryを実行してください。

  2. 小規模ではディスパッチよりインラインの方が速い

    およそ6シーンまでは、1つのコンテキスト内でインラインに構築する方が速いです(実測:5シーンでインラインはおよそ9分、パケット化ではおよそ21分)。

  3. ハードカットには重複ソースを使用する

    既存映像のハードカット、トリム、スプライス、再配置を行う場合は、同一の映像ソースを複数のクリップ要素に重複させてください。

  4. 必要な範囲のみを構築する

    ユーザーが依頼した内容そのものを構築してください。タイトルカードは、タイトルカードに3つのシーン、音楽、キャプションを加えたものではありません。追加する前に、追加の提案を行ってください。

  5. HTMLを書く前にデザインを確立する

    デザインソースの順序を確立します:frame.md、design.md、DESIGN.mdの順です。

04 実際に使う

Claude Code または Codex に general-video をインストールする

npx skills add コマンドを実行し、エージェントで最初のタスクを実行して、結果をチェックリストで確認します。

Claude Code、Codex、または使用中のエージェントに general-video を追加する

プロジェクトで実行してください。インストーラーが、どのエージェントに追加するかを尋ねます。

Terminal
npx skills add https://github.com/heygen-com/hyperframes --skill general-video

skills/general-video/SKILL.md用の汎用skills CLI形式です。リポジトリが独自のパスを文書化している場合もあります。

スキルに最初のモーション・動画タスクを与える

スキル自身の用語で記述されています。角括弧の部分はご自身の内容に置き換えてください。

Starter prompt
Create a 90-second brand sizzle reel for [company name] using [uploaded footage folder]. Open with their logo reveal, follow with four product highlight scenes showing [feature A], [feature B], [feature C], and [customer testimonial clip], then close with a call-to-action card displaying their tagline and website. Use their brand colors from [design.md] and add background music that feels energetic and modern. Include lower-third captions for the testimonial.

出典:SKILL.md をスキル自身の用語に沿って記述。

最初の結果を確認

SKILL.md 自体が正しい結果として示しているもの:

  • 最終ゲートとしてnpx hyperframes checkを実行します。これは内部でlintを再実行し、追加の検証も行います
  • シーンレンダリングを検証するため、サブコンポジションの中間スナップショットを確認します
  • マルチシーン作業の場合、hyperframes-animation/scripts/animation-map.mjsを使ってアニメーションマップを確認します
  • デザイン仕様ファイルが存在する場合、design-adherence.mdに対してデザイン適合性を確認します

OpenDesignではgeneral-videoをそのSKILL.mdリンクからインポートします:Plugins → Add → Skill → Import from link、その後トップバーで選択します。

05 オープンソースで追跡可能

ソース、ライセンス、検証

このページの情報の出所と、最終確認日時です。

Author
HeyGen
Repository
github.com/heygen-com/hyperframes ブランチ main
スキルファイル
skills/general-video/SKILL.md 検証時に記録されたコンテンツチェックサム。コミット 558c11b
License
Apache-2.0 LICENSE より
リポジトリスター数
49,761 このカタログに 9 つのスキルを含む heygen-com/hyperframes リポジトリ全体について 2026-09-14 に取得した GitHub スナップショットです。general-video の評価や使用数ではありません。
OpenDesign により検証済み
2026-09-14 ソースファイル、パス、ライセンステキスト、スター数を確認済み。OpenDesign 本体にはバンドルされていません(2026-08-28 確認)。このページには実行記録がありません。

SKILL.md の中身

  1. General video作業を開始する前に導入とスキル更新コマンドの要件を確認します
  2. 1. 横断的なソースアダプターを適用するアセットと操作のためにmedia-useを読み込み、Figma URLの入力があればFigmaスキルを実行します
  3. 2. プロジェクトの状態から始める現在の状態に合わせます:特定の編集、既存のブリーフ、ファイルからの再開、または新規作成のスキャフォールド
  4. 3. 実行形態を解釈するブリーフのコントラクトから、フローの自動化かコンパニオンか、ストーリーボードの有無、および派生モードを読み取ります
  5. コンパニオンフロー上限処理を持つディレクターとして参加し、チェックポイント間でチャンネルをアップグレードし、承認された機能を即座に記録します
  6. 4. 各ステージの前に必要な知識を読み込む条件と必要な参照資料(コア、クリエイティブ、アニメーション、ストーリーボード、メディア、プロダクション)を対応させた必読テーブルです
  7. 5. コンポジションを実行する7段階の依存順序:計画、レビュー、解決、シーン構築、モーションのマージ、組み立て、検証、最終承認
  8. スコープを正確に保つユーザーが依頼したものだけを構築し、追加する前に提案します
  9. HTMLを書く前にデザインを確立するデザインソースの順序を解決し、仕様が存在しない場合はHTMLを書く前に4項目を完了します
  10. コンポジションのコントラクトを維持するタイムド要素はclassのclipを使用し、ルートはサイズ指定され、一時停止したタイムラインは1つ、ネットワークフェッチのない決定論的なレンダリングです
  11. ワークフローを安全に借用する類似のワークフローからジャンルの参照とテイストを更新・借用しますが、そのプライベートなスクリプトやコントラクトは借用しません
  12. 7. 完了完全なチェックリストを実行します:スコープの実装、チェックの通過、適合性のレビュー、スナップショットの確認、プレビューの承認、レンダリングの検証
スキル自身による説明
「特化したワークフローが適合しない場合、または BRIEF.md が flow: companion を設定している場合に、カスタム HyperFrames コンポジションを作成または編集します。長尺またはマルチシーンの作品、ブランドやシズルリール、モンタージュ、静的ループ、静的タイトルカード、映像リミックス、フリーフォーム構築に使用します。短いナレーションなしのモーション中心のユニット(アニメーションタイトルを含む)には motion-graphics を使用してください。新規作成の場合は、このスキルを使用する前に hyperframes を経由してください。」

SKILL.md のフロントマター説明です。完全なファイルは約 20,760 文字です。GitHub で完全なファイルを読む。

06 インストールする前に

general-videoスキルに関するよくある質問

回答は 2026-09-14 時点で読んだ SKILL.md に基づくもので、記録された実行結果によるものではありません。

このスキルを使うにはHeyGenアカウントやサインインが必要ですか?

認証はフローの設定と必要な機能によって異なります。最初の認証済みプロバイダーアクションの前に、スキルはnpx hyperframes auth statusを実行します。コラボレーティブフローの場合は、サインインまたは明示的なオフライン選択を待ちます。

自律フローの場合は、状態を表示し、利用可能なオフラインプロバイダーを通じて処理を継続します。必要な機能を満たせるオフラインプロバイダーが存在しない場合にのみ、ブロッカーを表示します。

General Video

実際のモーションとビデオタスクで general-video を実行します。

OpenDesign をダウンロードし、SKILL.md リンクから general-video をインポートし、上記のプロンプトを貼り付けて、結果の前にプランを確認してください。

ターミナル
npx skills add https://github.com/heygen-com/hyperframes --skill general-video

OpenDesign デスクトップ版

ひとつのデザインシステムで、すべての制作物をブランドらしく

完全な Vibe Design Workspace で、同じブランドルールを Web サイト、スライド、操作できるプロトタイプ、ダッシュボード、画像、HTML 動画に展開できます。ローカルの Codex、Claude Code、Cursor などを接続して無料で制作しましょう。

  • Web、スライド、プロトタイプ、ダッシュボード、画像、動画
  • 140+ のデザインシステムと完全なテンプレート/スキルライブラリ
  • ローカル Codex と 21+ のコーディングエージェントを接続 · 無料
無料ダウンロード

macOS と Windows に対応