mcpField
C
canva-resize-for-social-media

canva-resize-for-social-media

github.com/canva-sdks设计与 UI138329 次安装5 天前更新
代码仓库

关于 canva-resize-for-social-media

此技能可将 Canva 设计调整为 Facebook、Instagram 和 LinkedIn 的帖子与快拍格式。它会定位源设计、执行选定的尺寸调整，并提供 Canva 编辑链接。

主要功能

  1. 01按 ID、链接或名称查找设计
  2. 02适配五种社交媒体格式
  3. 03并行执行尺寸调整
  4. 04提供 Canva 编辑链接
  5. 05单项调整失败后继续处理

适用场景

  1. 01为多个平台准备同一设计
  2. 02按名称选择设计并调整尺寸
  3. 03制作帖子和快拍版本
  4. 04分享可编辑的调整后设计

MCP 相关

此技能使用 Canva 工具获取设计并调整为选定格式，随后返回生成设计的编辑链接。

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/canva-sdks/canva-skills --skill canva-resize-for-social-media

安装后在 Claude Code 中输入/canva-resize-for-social-media确认已加载。

详细介绍

Canva 社交媒体尺寸调整

自动将单个 Canva 设计调整为多种社交媒体格式。

概述

此技能通过将单个 Canva 设计转换为适配多个平台的版本，帮助用户快速分发内容：

  • Facebook 帖子
  • Facebook 快拍
  • Instagram 帖子
  • Instagram 快拍
  • LinkedIn 帖子

所有调整尺寸后的版本都会提供 Canva 编辑链接，方便用户继续编辑，或直接从 Canva 下载。

工作流

步骤 1：确定源设计

确定用户想要调整尺寸的 Canva 设计。用户可以通过以下四种方式提供设计：

  1. 直接提供设计 ID：用户提供设计 ID（以 “D” 开头）

    • 示例：“将设计 DABcd1234ef 调整为适用于所有社交媒体的尺寸”
    • 使用 get-design 工具直接检索设计信息

  2. 直接提供设计 URL：用户提供 Canva 设计链接

    • 示例：“将 https://www.canva.com/design/DABcd1234ef/... 调整为适用于所有社交媒体的尺寸”
    • 从 URL 中提取设计 ID（即 /design/ 之后、下一个 / 或查询参数之前的部分）
    • 使用提取出的设计 ID 调用 get-design 工具

  3. 按设计名称搜索：使用 search-designs 工具，并将设计名称作为查询内容

    • 示例：“将我的 Demo Brand Template: Brix&Hart Flyer 设计调整为适用于所有社交媒体的尺寸”
    • 使用用户提供的确切名称或短语作为搜索内容
    • 如果找到多个匹配项，请列出选项并请用户选择一个

  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)

如果用户说“全部”或“所有社交媒体”，请使用全部五种格式。否则，只调整用户选择的格式。

步骤 4：调整为所选格式

通过对每种所选格式各调用一次 resize-design 工具，并行执行尺寸调整操作。使用以下准确规格：

可用格式和尺寸：

  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 调整尺寸工具
  • 并行执行：为提高效率，应并行执行调整尺寸操作
  • 命名一致：调整尺寸后的设计应使用源设计标题，并添加平台后缀
  • 容错能力：如果任何操作失败，请完成其余操作，并清楚报告成功和失败的项目
  • 用户确认：除非发生错误，否则无需在步骤之间征求用户批准；请自动执行完整工作流
  • 格式准确性：始终使用上文为每个平台指定的准确像素尺寸

评论

支持 Markdown