HeyGen

複数シーンの動画を一続きの動きとして見せるため、切り替え前後の方向と速度、視線をつなぐ要素、場面内の動きを設計し、境界を検証するHyperFrames向けスキル。

• シーン切り替えの動きを統一したいとき
• 共通の要素で場面をつなぎたいとき
• 待ち時間を情報表示や操作に変えたいとき

週次の更新履歴をMarkdownから読み取り、画面の動きで変更点を伝える正方形動画の制作を進めます。音声と字幕、背景をそろえたプロジェクトを作成します。

• 週次リリースノートを短い動画にしたいとき
• 製品の変更点を動く画面で伝えたいとき
• 音声と字幕付きの定型更新動画を作りたいとき

音楽の拍や曲調の変化を分析し、歌詞動画、スライドショー、動く文字のプロモ動画を制作するスキル。手持ちの写真や映像も曲に合わせて組み込み、MP4に仕上げます。

• 曲に同期する歌詞動画の制作
• 写真や映像を音楽に合わせた動画にする
• 文字とテンプレートでプロモ動画を作る

映像の場面転換や動く文字の登場を、切り替え前後の方向と速度をそろえて設計します。ズーム、ぼかし、単語ごとの連続表示、要素の移動の具体的な設定をまとめています。

• 場面転換の動きをつなげたいとき
• 見出しを単語ごとに切り替えたいとき
• タイトルを時間差で登場させたいとき

既存のインタビューや対談動画に、発言と同期する見出し・引用・数値のカードを重ねます。元映像を最後まで流しながら、横長・縦長などの画面比率でMP4に仕上げるスキルです。

• インタビューの要点を強調したいとき
• 解説動画に数値カードを加えたいとき
• 動画ポッドキャストを縦長に整えたいとき

商品サイトのURLや台本、制作概要をもとに、製品紹介・発売告知の動画を作ります。素材収集からブランドに沿った画面設計、構成、ナレーション、映像の組み立てを進めます。

• SaaSやアプリの公開告知
• 新機能を紹介したいとき
• 支給された台本のプロモーション動画化

動画に使う文字演出や画面効果、図表などの既存部品を検索し、HyperFramesへ導入します。表示の開始時刻や配置を設定し、映像に組み込む作業を支援します。

• タイトル演出や場面転換を探して追加したいとき
• 図表・地図・端末画面を動画に組み込みたいとき
• 同じタグの動画部品をまとめて導入したいとき

文字、数字、グラフ、ロゴ、地図などに動きを付ける短尺映像を、素材の準備から構成・検証まで進め、確認後にMP4や透過動画へ書き出すスキル。

• 短いタイトルや引用を動かしたいとき
• 数値をカウントアップやグラフで見せたいとき
• ロゴの登場アニメーション制作

GitHubのプルリクエストから差分やコミットを読み取り、変更内容を説明する動画を作成します。新機能、修正、リファクタリングを実際のコードで伝えます。

• PRの新機能を動画で説明したいとき
• バグ修正の変更点を伝えたいとき
• リファクタリングを解説したいとき

話し言葉を省略・通常字幕・強調表示に分け、映像に重ねる字幕の見せ方を定めます。字幕用の余白を設けず、画面全体の構図と読みやすさを両立するための指針です。

• 人物が話す動画の字幕を設計したいとき
• 人物の背後で強調する単語を選ぶ
• 字幕付き画面の構図を中央に整える

段階表示やクリックによる分岐、発表者用ノートを備えた操作可能なスライドを作成します。既存ページの見た目や動きを引き継ぐスライド化にも対応します。

• ノート付きの提案資料を作りたいとき
• 要点を一つずつ表示したいとき
• クリックで補足資料を開きたいとき

既存のRemotion製動画のソースを、HyperFrames向けのHTMLとGSAPに移植します。変換できない処理の検出、描画結果の比較、差異の記録まで扱うスキルです。

• Remotionの動画構成を移植したいとき
• 移植を妨げるコードを調べたいとき
• 変換前後の映像を比較したいとき

HyperFrames Studioで動画の企画から絵コンテ、制作まで進め、シーン・字幕・音声のトラック整理と安全な文字配置をそろえるための制作ルール集。

• 製品紹介動画を企画したいとき
• シーン・字幕・音声のトラック整理
• 字幕と重要な内容の安全な配置確認

動画に使う画像・音楽・音声などを探し、ローカル素材として記録・再利用します。素材が見つからない場合の生成、字幕や文字起こし、映像の色調整や加工も扱います。

• 画像・BGM・効果音の調達と保存
• ナレーション・文字起こし・字幕制作
• 暗い映像の補正やレトロ風の加工

一人が話す既存動画に、発言に同期する字幕や人物の背後に回り込む文字演出を加えます。35種類のスタイルから選び、文字起こしから人物の切り抜き、合成までローカルで進めます。

• 解説動画に読みやすい字幕を付けたいとき
• 強調語を人物の背後に表示したいとき
• SNS動画にテーマ付き字幕を加えたいとき

記事やメモ、テーマから、顔出しや実写撮影を使わない解説動画を制作します。構成・台本から図解や文字の演出、ナレーション、MP4出力まで進めます。

• 記事を解説動画にしたいとき
• 概念を図解と文字で説明したいとき
• 音声付きの手順動画を作りたいとき

Figmaのロゴや配色、画面部品をHyperFramesに取り込み、編集可能なHTMLや動画素材として利用し、絵コンテの状態変化から動きを組み立てるスキル。

• Figmaのロゴを動画素材にしたいとき
• ブランドの色を部品へ反映したいとき
• Figmaの画面を編集可能なHTMLに変換

文字や図形の動き、場面転換を組み合わせて、HyperFramesのアニメーションを制作・点検します。動きのレシピやシーンのひな形、実装方式別の資料を参照できます。

• 文字や図形の動きを組み合わせたいとき
• 複数段階で展開するシーン制作
• アニメーションの実装方式の選定

HyperFramesに配置済みの音声を調整し、声とBGMの重なりや音量差を整えます。フェード、音質補正、時間に沿った音量変化、複数トラックの一括処理を扱います。

• BGMに埋もれる声を聞きやすくしたいとき
• 音声にフェードを付けたいとき
• 声の音量差や音質を整えたいとき

HyperFramesの動画制作を、プロジェクト作成から素材追加、検査、プレビュー、書き出しまで進めます。一括・クラウド描画の選択や、制作中のエラー調査も扱うスキルです。

• 動画プロジェクトを作成・確認したいとき
• ビルドや描画の失敗を調べたいとき
• データ別の動画を一括出力したいとき

HTMLから動画を作るHyperFramesで、シーンの構造や表示時間、音声・動画の配置を整え、繰り返し同じ結果で描画できる構成を作成・検証するスキル。

• HTMLで動画の構成を作りたいとき
• クリップの表示時間とトラックの設定
• 再利用する子シーンの組み込み

HyperFrames動画の配色、書体、画面構成、ナレーションの方針を整えます。既存のデザイン仕様やブランドに沿って、場面ごとの見せ方とテンポを設計します。

• ブランドに沿った動画にしたいとき
• 動画の配色と書体を選びたいとき
• 複数場面のテンポを整えたいとき

HyperFramesの映像にズームやパン、マスク、文字の動きを加え、途中の時刻へ移動しても崩れないアニメーションを診断・画像確認まで進めるスキル。

• 映像にズームやパンを加えたいとき
• マスクで画像を見せたいとき
• 文字やSVGを動かしたいとき

製品紹介動画で、大きなカーソルを動かして視線を誘導する演出を設計します。画面外からの登場、クリックとアニメーションの連動、次のシーンへの受け渡しを扱います。

• 製品UIの動画で視線を誘導したいとき
• クリックで入力や画面変化を始めたいとき
• 静かなシーンに動きを加えたいとき