hyperframes-read-first

作成者： heygen-com

動画、アニメーション、モーショングラフィック、解説動画、タイトルカード、オーバーレイ、字幕付き動画、商品プロモーション、ウェブサイト動画、PR・チェンジログ動画、データモンタージュ、モーションポスター、またはHyperFrames HTMLコンポジションの作成、生成、編集、アニメーション化、レンダリングを依頼する場合は、ここから始めてください。ユーザーがHyperFramesに完成したMP4/ウェブ動画の作成やレンダリング、ワークフローの選択、またはプロダクトローンチ動画、顔出しなし解説動画、ウェブサイトから動画への変換などのルーティングを希望する場合、他の動画・アニメーションスキルよりも先に使用してください。

npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-read-first

ZIPダウンロード GitHub

heygen-comのその他のスキル

hyperframes-cli

HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.

developmenttestingapi

hyperframes-animation

HyperFramesのアニメーション知識全般 — アトミックモーションルール、マルチフェーズシーンブループリント、シーン遷移、広範なモーションデザイン技法、および7つのランタイムアダプター（GSAPデフォルト、Lottie、Three.js、Anime.js、CSSキーフレーム、Web Animations API、TypeGPU）。あらゆるモーションやアニメーションタスクに使用：2～4のルールを選んで構成するか、ブループリントを読み込むか、ランタイム固有のAPI（例：GSAPイージング／Lottieプレイヤー／Three.jsミキサー）を参照。HyperFramesネイティブ：単一の一時停止タイムライン、シークセーフ、...

creativedevelopmentdesign

hyperframes-core

HyperFrames HTML構成契約。構成構造、データ属性、クリップ、トラック、サブ構成、変数、メディア再生、決定論的レンダリングルール、および最小限のレンダリング可能なプロジェクトの検証に使用します。

developmentmediacreative

hyperframes-media

HyperFramesコンポジション向けのアセット前処理 — マルチプロバイダーTTS（HeyGen / ElevenLabs / Kokoroローカル）、マルチプロバイダーBGM（Google Lyria / ローカルMusicGen）、Whisper文字起こし、背景除去、キャプション作成。npx hyperframes tts、bgm、transcribe、remove-background、voice/provider選択、music-moodプロンプト、captions / subtitles / lyrics / karaoke / per-word stylingに使用。

mediaaudiovideo

hyperframes-registry

HyperFrames構成にレジストリブロックとコンポーネントをインストールして配線します。hyperframes addの実行時、ブロックやコンポーネントのインストール時、インストールしたアイテムをindex.htmlに配線する時、またはhyperframes.jsonを操作する時に使用します。addコマンド、インストール場所、ブロックサブ構成の配線、コンポーネントスニペットのマージ、レジストリ検出、そして新しいブロックやコンポーネントを作成して上流に貢献する方法（アイデア→スキャフォールド→検証→PR）をカバーします。

developmentapicode-review

カスタムHyperFrames HTMLビデオ合成オーサリングにおいて、専門的なワークフローが適合しない場合のフォールバックとして使用します。長尺またはマルチシーンの作品、ブランド/サイズルリール、モンタージュ、タイトルカード、モーションポスター（任意の長さ）、スタティックループ、および任意の長さやフォーマットの自由形式の合成をカバーします。製品プロモーション（product-launch-video）、一般的なウェブサイトからビデオへのキャプチャ（website-to-video）、トピック解説（faceless-explainer）、GitHub PRビデオ（pr-to-video）、既存映像のキャプション付けなどには使用しません。

videocreativemedia

motion-graphics

ユーザーが短く、デザイン主導のモーショングラフィックを求める場合に使用します。モーションそのものがメッセージとなるもの：キネティックタイポグラフィ、統計や数字のカウントアップ、チャート/データビジュアライゼーションの演出、ロゴスティング、ブランドロックアップ、ローワーサード、コールアウト、ソーシャルオーバーレイ、アニメーション付き見出し/ツイート/ニュースアイテム、モーションポスター、または素早いページキャプチャのハイライト。通常10秒未満、最大約30秒で、ナレーションの流れやボイスオーバー、実写の被写体はありません。MP4または透明オーバーレイでレンダリング可能。長尺、複数シーン、ナレーション付き、ブランドリールなどの作品には使用しません。

creativevideodesign

hyperframes-creative

HyperFramesビデオの非アニメーション・クリエイティブディレクション。デザインスペック（frame.md / design.md）の処理、パレット、タイポグラフィ、ナレーション、ビートプランニング、オーディオリアクティブビジュアル、コンポジションパターン、ブランド/スタイルの決定に使用。アトミックモー

creativedesignvideo