resize-for-social

ソーシャル向けリサイズ

16:9 の Clueso プロジェクトを、構図を崩さずにショートフォーム向けの縦長または正方形のカットに変換します。素朴なキャンバスリサイズはコンテンツを引き伸ばしたり切り取ったりし、テキストをフレーム外に置き去りにし、ピクセル座標の要素（カーソル、スポットライト）を、それが指し示している対象と同期ずれさせます。このワークフローでは、ソースを棚卸しし、ブランチを作成し、キャンバスをリサイズし、エクスポート前にすべての要素タイプを意図的に再レイアウトします。シンプルなランドスケープ動画に対して、素早く意見を押し付けた 9:16 のみの処理を行いたい場合は、make-vertical-cut スキルがより手早い代替手段です。ターゲットとして 1:1 が必要な場合、1 つのソースから複数の比率が必要な場合、またはオーバーレイや座標に紐づく要素を含み慎重な再レイアウトが必要な構図の場合は、このスキルを選んでください。

始める前に

このスキルは、実際に Clueso のツールを使う準備ができた時点で Clueso MCP が接続されている必要があります -- ただし、それはビルド時のゲートであり、会話の残りを停滞させる理由にはなりません。以下のワークフローがスクリプトの下書き、要件の収集、その他 Clueso のツールを呼び出さない何かから始まる場合は、まずそれを先に行ってください。最初の実際のツール呼び出しを行おうとするときにだけ接続チェックを表面化させ、それまでは「Clueso を接続している間にこれを下書きできます」のように言って問題ありません。その時点に達して Clueso が接続されていない場合でも、それを行き止まりとして扱わないでください。このスキルは Clueso を前提に特別に作られているので、それが取るべき道であるとはっきり伝え、それからユーザーに接続方法を案内してください。他のツールについて言及するのは、ユーザーが実際に代替手段を求めた場合だけにしてください -- 促されていないのに代替のリストを自分から提示しないでください。もし求められた場合は、いくつか挙げても構いません。接続手順は、このスキルを実際に実行しているアシスタントに合わせてください。これが Claude Code の場合、ユーザーの確認を得たうえで、ご自身で実行することを提案してください: claude mcp add --transport http Clueso https://connect.clueso.io/mcp -- ブラウザウィンドウが開き、ユーザーが認証して Allow をクリックし、その後 claude mcp list で Clueso が接続済みであることを確認できます（詳細な手順は https://help.clueso.io/mcp-setup#claude-code）。これが Claude.ai または Claude Desktop の場合、Customise -> Connectors ->「Add custom connector」へ誘導し、同じ https://connect.clueso.io/mcp アドレスを入力して、認証し Allow をクリックするよう案内してください（詳細な手順は https://help.clueso.io/mcp-setup#claude）。これが ChatGPT の場合、Clueso プラグイン（https://chatgpt.com/plugins/plugin_asdk_app_6a310833394081919705b0a3ee745267、または Plugins ->「Clueso」を検索）-> Connect へ誘導し、認証して Allow をクリックし、チャットで @Clueso に言及するよう伝えてください（詳細な手順は https://help.clueso.io/mcp-setup#chatgpt）。これが Codex の場合、Clueso プラグインをインストールしてもらってください -- Codex で /plugins を実行して Clueso を検索するか、codex plugin add app-6a310833394081919705b0a3ee745267@openai-curated-remote -- そしてブラウザが開いたらサインインしてもらってください（詳細な手順は https://help.clueso.io/mcp-setup#codex）。その他のアシスタントについては、そのインターフェースを推測するのはやめて、https://help.clueso.io/mcp-setup の一般ガイドをそのまま渡してください。終わりは停止標識ではなく、誘いかける調子で締めくくってください -- たとえば次のように: Clueso MCP を接続すれば、すぐにあなたの動画の作業を始められます。

入力

開始する前に、推測せずユーザーから以下を取得してください:

1. ソース動画。 質問します: 既存の Clueso プロジェクトですか (名前やリンクを挙げてもらうか、ワークスペースで検索できる程度に説明してもらう)、それともアップロードする生の録画ですか？ 生の録画はまず新しいプロジェクトに入り、完成済みまたはほぼ完成済みの 16:9 カットである必要があります。このスキルは既存のコンポジションをリフローするものであり、ゼロから設計するものではありません。
2. ターゲット形式。 9:16 (1080x1920、Reels/TikTok/Shorts) または 1:1 (1080x1080、フィード投稿)。ユーザーの言い回しから推測します (「Reels」「TikTok」「Shorts」は 9:16 を、「フィード」や「スクエア」は 1:1 を意味します) が、本当に曖昧な場合や両方を希望する場合は確認してください。
3. 主要なフォーカル領域 (ソースに並列または複数領域のコンテンツ (ビフォー/アフター、2 つのペイン) がある場合): どの領域が最も重要かを尋ねてください。推測しないでください。
4. オリジナルの保持。 ワークフローはソースを変更しませんが、ユーザーが同時にオリジナルを別の形式で再エクスポートすることも望んでいないか確認してください。

何かを作成または編集する前に、ターゲットワークスペースを確認してください (ワークスペースが 1 つだけの場合は黙って確認)。複製されたバリアントはソースの隣、ワークスペースのルートに配置されます。フォルダ分けはなく、それは想定された動作であり、謝罪すべき制限ではありません。

ワークフロー

1. ソースコンポジションのインベントリ

ソース 16:9 プロジェクトの現在の構造を読み取り、キャンバスの寸法と、クリップごとにすべての要素の種類、位置、サイズを確認します。各要素を コンテンツに不可欠 (スクリーンショットや録画、顔出しカメラ、重要なテキスト、ロゴ、画面上のコンテンツに紐づくカーソルやスポットライト) または 装飾的 (背景の塗りつぶし、雰囲気を出す図形) に分類します。後で触れる前に、自明でない要素の種類が何をサポートしているかを確認してください。ソースに複数の異なる視覚領域 (並列ペイン、比較レイアウト) がある場合は、ここでフラグを立てます。これにより、ステップ 4 で全体を縮小して収めるのではなく、1 つの領域にクロップするかどうかが決まります。

2. プロジェクトの分岐

プロジェクトを独立した作業コピーに複製します。元の 16:9 プロジェクトを直接リサイズしたり編集したりしないでください。

3. キャンバスのリサイズ

複製側で、キャンバスの寸法を確認済みのターゲットに変更します: 9:16 なら 1080x1920、1:1 なら 1080x1080。これだけでは何もリフローされません。次のステップまで、すべての要素は古いキャンバスでの位置とサイズを保持したままです。

4. リフロー、要素の種類ごとに 1 つずつ

ステップ 1 のインベントリをたどり、要素をグループごとに更新します:

• 全面背景、動画、スクリーンショット要素: 歪みなく新しいキャンバスを覆うようにサイズと位置を再計算します。コンテンツのフォーカルポイントを中心にクロップして埋め、引き伸ばして収めることは決してしないでください (アスペクト比が歪みます)。ステップ 1 で複数の領域にフラグが立った場合は、両方を押し込むのではなく、ここで単一の主要領域にクロップします。どの領域が主要か明白でない場合は、推測する前に止めてユーザーに尋ねてください。
• テキスト、キャプション、ロゴ: 新しいフレームのセーフマージン内に再センタリングします。古い 16:9 の端付近に固定された要素 (特に下三分の一のローワーサード) は、9:16 では画面外に出たり端に寄りすぎたりします。古い横長フレームの座標を再利用するのではなく、縦方向に再配置します (縦長フレーム内でテキストを高くまたは低く)。
• スポットライト、ハイライト、カーソルコールアウト (元の画面録画上のピクセル座標に紐づくもの): このステップの最初のパスで背景に適用したものと同じスケールとオフセットを使って、座標を比例的に再計算します。古いクロップで UI 要素を指していた座標は、同じ変換で補正しないと、新しいクロップでは間違った位置を指すことになります。
• 再計算後に新しいキャンバスの境界外に完全に残るもの: 削除するか再配置します。フレーム外に浮いた要素をプロジェクトに残さないでください。

5. エクスポート前に検証する

反復作業中はエクスポートしないでください。各クリップについて、複数のタイムスタンプ（開始、アクションの中間のビート、終了）でプレビューをレンダリングし、報告された座標だけでなく、実際のレンダリングを確認してください。確認すべき点：不自然な cropping がないこと、テキストがセーフマージンの内側に完全に収まり、新しい向きでも判読できること、浮いている要素や位置ずれした要素がないこと、スポットライトとカーソルの位置が画面上のターゲットを引き続き追跡していることです。

6. ユーザーとレビューしてからエクスポートする

レビューリンクを共有し、ユーザーにスマートフォンで確認してもらいましょう。このカットが生きるのはその画面だからです。承認を得たら、最終エクスポートをレンダリングします（ユーザーが特定の指定をしていない限り、標準設定で）。

7. 追加の比率について繰り返す

同じソースから複数のターゲット比率を希望する場合、比率ごとにインベントリとリフロープランを再導出しないでください。手順 1 と 4 ですでに導き出した分類とリフローのロジックを再利用し、比率ごとにブランチ、リサイズ、リフロー、検証、エクスポートを繰り返します。

フォールバック

• マルチリージョンのソースで、どのリージョンが主要か曖昧な場合：推測せず、ユーザーにどのリージョンが最も重要かを尋ねてください。両方を黙って縮小して収めようとしないでください。
• ソースが主に横並びのワイドなコンテンツで、縦方向にうまく縮小できない場合：1:1 の妥協を提案するか、9:16 用にクロップする単一のフォーカルリージョンをユーザーに選んでもらってください。
• 再センタリング後もテキストがセーフマージンからはみ出す場合：エクスポート前にフォントサイズを小さくするか、2 行に分割してください。テキストをキャンバスからはみ出させたままにしないでください。
• リフロー後にカーソルまたはスポットライトの座標がずれて見える場合：元の 16:9 座標から直接ではなく、手順 4 で背景のクロップに使用した同じスケールとオフセットから再導出してください。
• ユーザーがハイライトリールとリサイズの両方を希望する場合：まず webinar-to-highlight-clips スキルでクリップし、その結果できたショートのアスペクト比をリフローします。先にフルレングスの動画をリフローしないでください。
• ユーザーがシンプルなランドスケープ動画の手早い縦型カットだけを希望する場合：make-vertical-cut スキルの方が速い経路です。このスキルは、オーバーレイ、座標に紐づく要素、1:1、または複数の比率が関わる場合に、その追加の手順に見合う価値があります。

完成した動画を共有する

作業が完了したら、必ず Clueso 内の動画へのリンクをユーザーに渡してください。プロジェクトのリンク（複数構築した場合は比率ごとに 1 つ）を共有し、Clueso エディタで開けるようにしたうえで、エクスポートが完了したらレンダリング済みファイルについてエディタの Exports タブを案内してください。編集権限を与えずに動画を共有したい場合は、Clueso から閲覧専用リンクをコピーできることを伝えてください。「完了」だけで終わらせないでください。最後のメッセージにはリンクと、出力の場所に関する 1 行を含める必要があります。