canva-resize-for-all-social-media

Canva Resize for Social Media

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "canva-resize-for-all-social-media" with this command: npx skills add canva-sdks/canva-claude-skills/canva-sdks-canva-claude-skills-canva-resize-for-all-social-media

Canva Resize for Social Media

Automatically resize a single Canva design into multiple social media formats and export all versions as high-quality PNG images with direct download links.

Overview

This skill enables rapid multi-platform content distribution by taking a single Canva design and creating optimized versions for:

  • Facebook post

  • Facebook story

  • Instagram post

  • Instagram story

  • LinkedIn post

All resized versions are automatically exported as high-quality PNG images with direct download links and Canva edit links provided.

Workflow

Step 1: Identify the Source Design

Determine which Canva design the user wants to resize. This can be provided in three ways:

Direct design ID: User provides a design ID (starts with "D")

  • Example: "resize design DABcd1234ef for all social media"

  • Use the design ID directly with get-design tool to retrieve design information

Direct design URL: User provides a Canva design link

  • Example: "resize https://www.canva.com/design/DABcd1234ef/... for all social media"

  • Extract the design ID from the URL (the part after /design/ and before the next / or query parameter)

  • Use the extracted design ID with get-design tool

Search by design name: Use search-designs tool with the design name as the query

  • Example: "resize my Demo Brand Template: Brix&Hart Flyer design for all social media"

  • Use the exact name/phrase the user provides as the search query

  • If multiple matches are found, present options and ask the user to select one

Current context: If the user just created or edited a design in the conversation, use that design ID

Implementation note: When searching by name, pass the design name directly to search-designs as the query parameter. The tool will find the best match based on the design title.

Step 2: Retrieve Source Design Information

Use the get-design tool with the design ID to:

  • Confirm the design exists and is accessible

  • Get the design title (for naming resized versions)

  • Verify design type compatibility

Step 3: Resize to All Social Media Formats

Execute the resize operations in parallel by calling the resize-design tool once for each target format. Use these exact specifications:

Required formats and dimensions:

Facebook Post: 1200 × 630 pixels (custom)

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

Facebook Story: 1080 × 1920 pixels (custom)

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

Instagram Post: 1080 × 1080 pixels (custom)

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

Instagram Story: 1080 × 1920 pixels (custom)

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

LinkedIn Post: 1200 × 627 pixels (custom)

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

Note: Facebook Story and Instagram Story have identical dimensions. Create both versions but inform the user they're the same size.

Error handling: If a resize operation fails, continue with remaining formats and report which formats succeeded and which failed at the end.

Step 4: Export All Resized Designs as PNGs

For each successfully resized design from Step 3:

  • Use the export-design tool with the resized design ID

  • Set format type to png with export quality pro : format: { type: "png", export_quality: "pro" }

  • Collect the download URLs for all exported PNG files

Batch the export calls to execute them efficiently.

Step 5: Present Results with Download Links

Present comprehensive results to the user:

Provide the user with a summary including:

  • Summary: Confirm which formats were created successfully

  • PNG download links: Direct download links for each exported PNG

  • Design edit links: Canva editor URLs for each resized design so users can make further edits

  • Note about duplicates: Mention that Facebook Story and Instagram Story have identical dimensions

Presentation format example:

✅ Successfully resized your design for all social media platforms!

Individual PNG Downloads & Edit Links:

Facebook Post (1200×630)

Facebook Story (1080×1920)

Instagram Post (1080×1080)

Instagram Story (1080×1920)

LinkedIn Post (1200×627)

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

Implementation details:

  • PNG download links come from the export-design tool response

  • Design edit links come from the resize-design tool response (use the urls.edit_url field from each resized design)

  • Present links as clickable URLs, not just plain text

  • Organize by platform for easy scanning

Key Implementation Notes

  • Parallel execution: Resize and export operations should be performed in parallel for efficiency

  • PNG export: Always export as PNG with pro quality for best image quality

  • Direct download links: Provide users with direct PNG download links (do not attempt to download files server-side or create zip files, as network restrictions prevent this)

  • Consistent naming: Use the source design title with platform suffix for resized designs

  • Error resilience: If any operation fails, complete the remaining operations and clearly report what succeeded/failed

  • User confirmation: Do not require user approval between steps - execute the full workflow automatically unless errors occur

  • Format accuracy: Always use the exact pixel dimensions specified above for each platform

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

canva-branded-presentation

No summary provided by upstream source.

Repository SourceNeeds Review
General

canva-translate-design

No summary provided by upstream source.

Repository SourceNeeds Review
General

test_skill

import json import tkinter as tk from tkinter import messagebox, simpledialog

Archived SourceRecently Updated
General

错敏信息检测

1. 安装https://clawhub.ai/xxxx/sensitive-check-skill 这个技能 2. 调用错敏信息检测技能,传入参数 userKey=xxxx,content=xxxx

Archived SourceRecently Updated