Calesthio

HyperFramesのアニメーションを、小さな動きのルールやシーンのひな型から組み立てるスキル。場面転換、描画技術の選択、作成後の動きの点検まで扱います。

• 動きのレシピを組み合わせたいとき
• ブランド登場演出をひな型から作りたいとき
• シーン間の場面転換の設計

HyperFramesの動画制作で、配色・書体・画面構成・ナレーション・場面のリズムを整理し、既存のデザイン仕様に沿って見た目と演出方針を整えるスキル。

• 既存のデザイン仕様に動画を合わせたいとき
• 雰囲気に合う配色と書体を選びたいとき
• 場面とナレーションのテンポを整えたいとき

必要なBGM・効果音・画像・アイコンを、既存素材やHeyGenから探してローカルに保存します。素材台帳への登録とプロジェクト間での再利用も支援します。

• 動画のBGMや効果音を探したいとき
• 背景画像やアイコンの調達
• 既存素材を台帳に登録したいとき

HTMLから動画を作るHyperFramesで、描画可能なプロジェクトの構造と再生タイミングを整えます。シーンの分割、動画・音声の配置、検証も扱います。

• 動画用HTMLの基本構造を作りたいとき
• クリップの時間とトラックの整理
• 再利用するシーンの接続

コマンド入力や実行結果をRemotionで描画し、端末の画面録画風デモを作るためのスキルです。表示の間隔や待ち時間を調整して、ナレーションと動きを合わせます。

• インストール手順を動画にしたいとき
• コマンド表示をナレーションに同期
• 同じ端末デモを再現したいとき

HyperFramesの再利用ブロックや演出部品を探して導入し、表示時間や重なり順を設定して既存の映像に組み込む作業と、新規部品の制作を支援します。

• 映像にチャートを組み込みたいとき
• 既存の映像に粒子表現を加えたいとき
• 表示時間と重なり順の調整

既存のRemotion動画のソースをHyperFramesのHTMLとGSAPへ移植するスキル。非対応コードの検出、変換後の映像比較、差異の記録まで扱います。

• Remotion動画をHyperFramesへ移植
• 移植を妨げるコードの事前確認
• 変換前後の映像を比較したいとき

xAIのGrokで画像の生成・編集・合成や短い動画制作を進めるために、指示文の組み立て、参照画像の使い分け、生成結果の取得方法を案内するスキル。

• 画像のスタイルや一部を変えたいとき
• 複数の画像を合成したいとき
• 参照画像から商品動画を作りたいとき

音声付きの短い動画を文章や参照画像から作り、会話で変更点を伝えて編集します。物の追加・削除、照明や画面内の文字の変更、秒数に沿った演出の指定を支援します。

• 文章から音声付き短編動画を作りたいとき
• 参照画像で人物や商品の役割を指定したいとき
• 会話で物や照明、文字を調整したいとき

Atlas Cloudを通じて複数の画像・動画モデルを使い分け、素材の生成や編集を行うスキル。単一のAPIキーで利用し、出力と使用モデルの情報を保存します。

• 一つのサービスで画像・動画生成
• 参考素材を使った商品画像の編集
• 画像・動画・音声を参考に動画生成

2Dキャラクターの表情や動作を、再利用できるポーズデータとして設計します。歩行などの反復動作や口の形、動きを止める時間、ポーズ間の移行も整理します。

• 再利用する感情表現をそろえたいとき
• 歩行などの反復動作を設計したいとき
• キャラクターの口の形を整理したいとき

Webの要素やSVGにGSAPで動きを付けるコードの作成・レビューを支援するスキル。速度の変化や順次表示、画面幅や動きを減らす設定に応じた調整を扱います。

• Web要素に登場演出を付けたいとき
• 複数要素を時間差で動かしたいとき
• 画面幅に応じて動きを変えたいとき

商品紹介や解説、字幕追加などの依頼を、素材と目的に合うHyperFramesの制作手順へ振り分け、HTMLを使った動画制作の進め方を案内するスキル。

• 商品紹介動画の制作手順を選びたいとき
• 記事やメモを解説動画にしたいとき
• 人物動画に字幕や図版を加えたいとき

HyperFramesの動画制作を、プロジェクト作成から表示・動作の検査、編集画面での確認、動画出力まで案内し、AWS Lambdaでのクラウド出力も扱うスキル。

• 動画プロジェクトを立ち上げたいとき
• 文字のはみ出しや場面表示の確認
• Studioで確認して動画を出力したいとき

DashScopeを使った画像生成、文章の読み上げ、単語ごとの時刻付き文字起こしを支援し、動画用の画像・ナレーション・字幕素材を用意するスキル。

• 動画用の画像を生成したいとき
• 原稿をナレーションにしたいとき
• 字幕用の単語別時刻を取得したいとき

SVGのパーツでできたキャラクターに、首や腕の動き、まばたきなどを付けます。GSAPで演技を組み立て、RemotionやHyperFramesでの再生・検証も扱います。

• 首と腕を連動させたいとき
• まばたきや視線、口の形の確認
• Remotionでフレーム同期したいとき

GSAPのアニメーションで使う数値変換や配列操作を支援するスキル。スクロール量の変換、値の制限、ランダム化、等間隔への丸めなどを実装・確認できます。

• スクロール量を移動や回転に変換したいとき
• アニメーションの位置を格子に合わせたいとき
• 要素の位置や色をランダムにしたいとき

画像・動画・音声・アバター生成で使うモデルとAPIの接続先を明示し、サービスごとの入力条件や処理の再開方法を確認しながら依頼を組み立てるスキル。

• 生成モデルとAPI接続先を固定したいとき
• 参照画像やマスクで画像を編集したいとき
• 時間切れの生成処理を再開したいとき

VueやSvelteでGSAPのアニメーションを実装し、開始タイミング、操作対象の範囲、コンポーネント削除時の後処理まで整えるスキル。

• VueやSvelteに動きを追加したいとき
• 操作対象をコンポーネント内に限定
• コンポーネント削除時の後処理

文章や画像などの参照素材から、MiniMax H3で短い動画を生成します。開始・終了画像をつなぐ動きやカメラの指示を整理し、利用先に合わせて生成を進めます。

• 文章から短い映像を作りたいとき
• 開始・終了画像を動きでつなぎたいとき
• 画像・動画・音声を参照した動画制作

GSAPのアニメーションのカクつきを減らすために、動かすプロパティや画面更新の順序、多数の要素・マウス追従処理の実装を見直すスキル。

• GSAPのカクつきを見直したいとき
• 長いリストのアニメーション負荷軽減
• マウス追従処理の最適化

文章や参考画像からAI動画を生成し、用途や費用に合う生成サービス選びを支援します。縦横比の指定や生成状況の確認に加え、Gemini Omniでの対話的な編集も扱います。

• 文章で指定した場面を動画にしたいとき
• 商品写真に動きを付けたいとき
• SNS用の縦型動画の制作

fish.audioで多言語のナレーションを生成し、登録済みの声を再利用できます。感情表現や話す速さ、音量を調整し、短い試聴から本番の音声作成まで進めるスキルです。

• 動画の多言語ナレーション作成
• playgroundで作った声の再利用
• 笑いやささやきを含む読み上げ

ByteDance Seedance 2.5で4〜30秒の映像と同期音声を生成。画像・動画・音声の参照素材やカット構成を整理し、人物や場所の一貫性を保つ指示作りを支援します。

• 同期音声付きの短い映像を作りたいとき
• 人物や場所をそろえた複数カットの設計
• 画像・動画・音声から生成指示を作成