動画・画像・音声のスキル

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

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

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

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

氷のロゴが砕けて二つのテキストへ組み直される22.5秒の動画を、周回するカメラで見せるHyperFrames用ブロック。文字や質感、破片の動きを調整できます。

• 氷を使ったロゴ動画を作りたいとき
• 二つのメッセージを連続して見せたいとき
• 氷の透明感や霜、ひび割れの調整

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

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

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

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

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

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

線で形を描いた立体文字がポータルから現れ、別のフレーズへ切り替わる8秒のタイトル映像を作れます。文字の切替速度や乱れ、奥行きの霧、色を調整できます。

• 立体文字を使った動画の冒頭制作
• タイトルを別のメッセージへ変えたいとき
• ポータルや文字の乱れの調整

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

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

葉が画面を横切って開き、二つの見出しを順に見せる12秒のタイトル映像を作れます。文字の書体や大きさ、葉の数、移動速度、残った葉の揺れを調整できます。

• 自然を感じる動画の冒頭制作
• 二つの見出しを順に見せたいとき
• タイトルに合わせた葉の動きの調整

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

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

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

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

動画やアニメーションの依頼内容と既存プロジェクトの状態を確認し、適した制作手順へ案内します。新規制作から字幕追加、編集、検証、書き出しまで扱います。

• Webサイトや企画から製品紹介動画を作りたいとき
• 既存映像に字幕や情報カードを追加したいとき
• 既存のHyperFramesの編集を再開したいとき

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

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

複数シーンの紹介映像や既存素材の再編集など、自由な構成の動画をHyperFramesで制作・修正します。構成づくりから素材配置、動きや音声の組み立て、検証までを扱います。

• 複数シーンのブランド映像制作
• 既存映像のカットと並べ替え
• 静止タイトルやループの制作

角を丸めた立体カードが右から入り、順に回転して注目カードを見せ、左へ抜ける映像部品。内容や形状、照明、背景、カメラを40変数で調整できます。

• 複数カードを立体カルーセルで見せたいとき
• 注目カードを一時停止して見せたいとき
• JSONでカード内容を差し替えたいとき

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

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

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

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

霧の奥から飛来するガラス片が見出しを形作り、カメラの手前へ飛び去るタイトル映像を作れます。文字や破片の数、回転、霧の濃さを調整できます。

• 動画にガラスのタイトル演出を入れたいとき
• 見出しに合わせて破片や動きを調整したいとき
• HyperFramesにタイトル部品を追加したいとき

正方形のタイルが浮き上がって順に反転し、裏側の見出しを見せる8秒の映像部品です。文字やタイルの大きさ、反転方向、奥行きや影など18項目を調整できます。

• タイル反転で別の見出しを見せたいとき
• 紹介動画の冒頭アニメーション制作
• デザインに合わせた奥行きや影の調整

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

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

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

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

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

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

点でできた球体の周囲を特徴紹介カードが回る、10秒の映像を追加します。タイトル、説明文、アクセント色、回転角度を変更できるHyperFrames用の部品です。

• 動くカードで製品の特徴を紹介したいとき
• HyperFrames動画に10秒の場面を加える
• 紹介カードの文章と色を合わせたいとき

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

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