canva-resize-for-social-media

ソーシャルメディア向けCanvaサイズ変更

1つのCanvaデザインを、複数のソーシャルメディア形式に自動的にサイズ変更します。

概要

このスキルでは、1つのCanvaデザインから最適化されたバージョンを作成することで、複数のプラットフォームへのコンテンツ配信を迅速に行えます。

• Facebook投稿
• Facebookストーリー
• Instagram投稿
• Instagramストーリー
• LinkedIn投稿

サイズ変更した各バージョンにはCanvaの編集リンクが付属するため、ユーザーはCanvaから直接、さらに編集したりダウンロードしたりできます。

ワークフロー

ステップ1：元のデザインを特定する

ユーザーがサイズ変更したいCanvaデザインを特定します。指定方法は次の3つです。

1. デザインIDを直接指定：ユーザーがデザインID（「D」で始まる）を指定します

   • 例：「デザインDABcd1234efをすべてのソーシャルメディア向けにサイズ変更して」
   • get-design ツールでデザイン情報を取得する際に、デザインIDを直接使用します

2. デザインURLを直接指定：ユーザーがCanvaデザインのリンクを指定します

   • 例：「https://www.canva.com/design/DABcd1234ef/...をすべてのソーシャルメディア向けにサイズ変更して」
   • URLからデザインID（/design/ の後から次の / またはクエリパラメーターの前までの部分）を抽出します
   • get-design ツールで、抽出したデザインIDを使用します

3. デザイン名で検索：デザイン名をクエリとして search-designs ツールを使用します

   • 例：「Demo Brand Template: Brix&Hart Flyerデザインをすべてのソーシャルメディア向けにサイズ変更して」
   • ユーザーが指定した名前またはフレーズを、そのまま検索クエリとして使用します
   • 複数の候補が見つかった場合は、候補を提示してユーザーに1つ選んでもらいます

4. 現在のコンテキスト：会話の中でユーザーがデザインを作成または編集した直後の場合は、そのデザインIDを使用します

実装上の注意：名前で検索する際は、デザイン名をクエリパラメーターとして search-designs に直接渡します。このツールはデザインタイトルに基づいて最適な候補を検索します。

ステップ2：元のデザイン情報を取得する

デザインIDを指定して get-design ツールを使用し、以下を確認します。

• デザインが存在し、アクセス可能であること
• デザインタイトル（サイズ変更後のバージョンの命名に使用）
• デザイン形式に互換性があること

ステップ3：プラットフォームと形式を確認する

利用可能な形式を提示し、ユーザーが希望する形式を尋ねます。

Which platforms and formats would you like to resize for?

- Facebook post (1200×630)
- Facebook story (1080×1920)
- Instagram post (1080×1080)
- Instagram story (1080×1920)
- LinkedIn post (1200×627)

ユーザーが「すべて」または「すべてのソーシャルメディア」と指定した場合は、5つすべてを使用します。それ以外の場合は、ユーザーが選択した形式のみサイズ変更します。

ステップ4：選択した形式にサイズ変更する

選択した形式ごとに resize-design ツールを1回ずつ呼び出し、サイズ変更処理を並列で実行します。次の仕様を正確に使用してください。

利用可能な形式とサイズ：

1. Facebook投稿：1200 × 630ピクセル（カスタム）

   design_type: { type: "custom", width: 1200, height: 630 }
   

2. Facebookストーリー：1080 × 1920ピクセル（カスタム）

   design_type: { type: "custom", width: 1080, height: 1920 }
   

3. Instagram投稿：1080 × 1080ピクセル（カスタム）

   design_type: { type: "custom", width: 1080, height: 1080 }
   

4. Instagramストーリー：1080 × 1920ピクセル（カスタム）

   design_type: { type: "custom", width: 1080, height: 1920 }
   

5. LinkedIn投稿：1200 × 627ピクセル（カスタム）

   design_type: { type: "custom", width: 1200, height: 627 }
   

注：FacebookストーリーとInstagramストーリーは同じサイズです。両方のバージョンを作成し、サイズが同じであることをユーザーに伝えてください。

エラー処理：サイズ変更に失敗した場合も、残りの形式の処理を続行し、最後に成功した形式と失敗した形式を報告します。

ステップ5：編集リンクとともに結果を提示する

包括的な結果をユーザーに提示します。

以下を含む概要をユーザーに提示します。

1. 概要：正常に作成された形式を確認します
2. デザイン編集リンク：サイズ変更した各デザインのCanvaエディターURL。ユーザーはこれを使って、さらに編集したりCanvaから直接ダウンロードしたりできます
3. 重複に関する注記：FacebookストーリーとInstagramストーリーは同じサイズであることを伝えます

提示形式の例：

✅ Successfully resized your design for all social media platforms!

Edit Links:

**Facebook Post** (1200×630)
- [Edit in Canva](edit_url)

**Facebook Story** (1080×1920)
- [Edit in Canva](edit_url)

**Instagram Post** (1080×1080)
- [Edit in Canva](edit_url)

**Instagram Story** (1080×1920)
- [Edit in Canva](edit_url)

**LinkedIn Post** (1200×627)
- [Edit in Canva](edit_url)

Note: Facebook Story and Instagram Story use the same dimensions (1080×1920).

実装の詳細：

• デザイン編集リンクは resize-design ツールの応答から取得します（サイズ変更後の各デザインの urls.edit_url フィールドを使用）
• リンクはプレーンテキストではなく、クリック可能なURLとして提示します
• 確認しやすいように、プラットフォームごとに整理します

主な実装上の注意点

• 互換性：現在の MCP ツールで resize-design が利用可能か確認します。利用できない場合は、このスキルを現在のホストで使用するには Canva MCP のリサイズツールが必要であることをユーザーに伝えます
• 並列実行：効率化のため、リサイズ操作は並列で実行します
• 一貫した命名：リサイズしたデザインには、プラットフォームのサフィックスを付けた元のデザインタイトルを使用します
• エラーへの対応：いずれかの操作が失敗した場合でも、残りの操作を完了し、成功した操作と失敗した操作を明確に報告します
• ユーザー確認：エラーが発生しない限り、手順の途中でユーザーの承認を求めず、ワークフロー全体を自動的に実行します
• 形式の正確さ：各プラットフォームについて、上記で指定されたピクセル寸法を必ず正確に使用します