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

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

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

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

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

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

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

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

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

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

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

受け取ったドバイの気温と単位から、SVG形式の天気カードとMarkdownの要約を作成するスキル。指定フォルダの画像・要約ファイルを更新します。

• ドバイの気温をカードにしたいとき
• 気温の要約をMarkdownに残したいとき
• 処理の流れで画像と要約を更新したいとき

Remotion Studioの操作デモを利用者が録画できるよう画面と撮影範囲を準備します。録画後はカーソル編集情報を保って取り込み、公開先への保存まで進めます。

• Studioの操作デモを録画したいとき
• タイムラインの実演を撮影したいとき
• カーソル情報付きで録画を取り込みたいとき

Remotion Studioのタイムラインを同じ表示条件で撮影し、変更前後をワイプで比較する動画を作ります。過去のレイアウトの再撮影にも対応します。

• タイムラインの配置変更を動画で比較
• 過去の版のレイアウトを再撮影
• 同じ条件で変更前後の画像を保存

録画済みのRemotion Canvas Captureを、カーソルのキーフレーム付きで編集可能な動画構成に取り込むスキル。Studioを操作せず、コード生成と登録を進めます。

• 録画を編集可能な構成に取り込みたいとき
• Studioを操作せず録画を追加したいとき
• 取り込み時に構成サイズやfpsを指定したいとき

Remotionのホームページ用動画を、透過マスターからChrome向けWebMとSafari向けMP4に変換するスキル。サイズや透過状態を確認し、2か所の配置先へ反映します。

• ホームページの紹介帯動画の差し替え
• Chrome向け透過WebMの作成
• Safari向け代替MP4の作成

Remotionで作った映像を動画ファイルや静止画として書き出すスキル。用途に応じたCLIコマンドと、背景透過動画の出力手順への参照を案内します。

• Remotionの動画を書き出したいとき
• Remotionから静止画を出力したいとき
• 書き出しオプションを調べたいとき

動画や音声の文字起こしから字幕の表示・アニメーション、既存のSRT字幕の取り込みまでを扱い、Remotion向けのJSON形式で整理するスキル。

• 動画や音声から字幕を作りたいとき
• 動画内で字幕を表示・演出したいとき
• 既存のSRT字幕を取り込みたいとき

Remotionの動画プロジェクトを作成し、ブラウザでプレビューを確認しながらReactで映像を組み立てるスキル。複数シーンやStudioでの編集にも対応します。

• Remotionで動画制作を始めたいとき
• プレビューを見ながら映像を作りたいとき
• 複数シーンの動画を作りたいとき

Remotionのコードを、Studioで要素の選択や移動、サイズ変更、アニメーション調整ができる構造に整えます。スタイルやSVGパスを画面で編集するための書き方を示します。

• タイトルや画像をStudioで編集
• アニメーションのキーフレーム調整
• SVGの形状や変形を画面で編集

Remotionの動画制作・編集時にStudioを起動し、ブラウザでプレビューを確認するスキル。作業中も画面を開き、変更を見ながら調整を進められます。

• 制作中の動画をプレビューしたいとき
• 動画の編集結果を確認したいとき
• アプリ内ブラウザでStudioを開く

Remotionでの動画制作や字幕、地図、レンダリングなど、依頼に合う専門ガイドへ案内するスキル。新規プロジェクトの準備やStudioのプレビュー確認にも対応します。

• 新しい動画やプロジェクトを始めたいとき
• 字幕や動く地図のガイドを探したいとき
• Studioで動画編集を確認したいとき

Remotionの専門家一覧の追加・編集に合わせて、顔写真と紹介カードを更新し、Chrome・Safari向けの背景透過アニメーションを再生成するスキル。

• 専門家の掲載情報を追加・編集したいとき
• 顔写真と紹介カードを更新したいとき
• 背景透過アニメーションの再生成

Remotionで作る地図アニメーションの用途に合わせて、衛星画像、Mapbox、MapLibreなど5つの方式から選び、必要な実装ガイドへ案内するスキル。

• 衛星画像の上に動きを重ねたいとき
• 地球表示や3D建物を使った映像制作
• APIキー不要の地図方式を選びたいとき

Remotionで動画の画面や動きをReactで組み立てるための実装指針です。文字のアニメーション、映像・音声の配置、表示時間の調整やプレビュー確認を支援します。

• タイトルや字幕に動きを付けたいとき
• 動画・音声・画像を組み合わせたいとき
• レイヤーの表示時間や切り取りの調整

商品デモや解説、SNS向け動画を作るため、AIによる映像生成、アバター、コードによる動画制作、既存映像の再編集を目的に合わせて選び、制作手順を組み立てます。

• 画面録画と字幕で商品デモを作りたいとき
• AIアバターで解説動画を作りたいとき
• 同じ型でSNS動画を複数作りたいとき

ブログやSNS、商品紹介に使う画像の生成・編集・最適化を支援します。用途に合うツール選びから、ブランドに沿う構図やサイズ、画像圧縮まで整理します。

• ブログの見出し画像やOG画像の制作
• SNS画像やプロフィールバナーの制作
• 実画面を使った商品紹介画像の制作

OBS Studioのシーン構成をコマンドラインで編集するスキル。映像素材の配置やフィルター、音声、画面切り替え、配信・録画設定をJSONで管理します。

• 配信用シーンを作成・複製したいとき
• 素材の位置や切り抜きを調整したいとき
• 音量やミュートを設定したいとき

Shotcutの動画編集をエージェントに任せ、素材の配置やカット、音量調整、映像効果の設定から書き出しまで進めます。プレビューで編集結果も確認できます。

• 指定時刻に動画素材を配置
• 指定区間だけBGMを下げたいとき
• 場面転換や小窓映像の追加

Apple Silicon Macの画面録画を、専用ハードウェアで画質を保ちながら圧縮します。共有用から保存用まで品質を選び、容量や削減率も確認できます。

• 画面録画をメールで送りたいとき
• 操作説明動画の文字を保って共有
• 保存用の録画を高画質で圧縮