Agent skill

Canva Edit Design

by canva-sdks in canva-sdks/canva-skills

Make edits to an existing Canva design — change or fix text, replace/insert/delete images and videos, reformat text (size, weight, style, color, alignment, lists, line height), reposition or resize…

Apache-2.0Auto-check: warnings

Install Canva Edit Design

The automated check flagged lines worth reading first. See the safety section below.

skills CLI
$ npx skills add canva-sdks/canva-skills --skill canva-edit-design -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install canva-sdks/canva-skills canva-edit-design --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/canva-sdks/canva-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/canva/skills/edit-design .claude/skills/canva-edit-design && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
canva-edit-design
GitHub stars
115
Token cost
~1.4k tokens
SKILL.md length
694 words
Files
1
Skills in repo
10
Repo updated
First seen
Licence
Apache-2.0

At a glance

Make edits to an existing Canva design — change or fix text, replace/insert/delete images and videos, reformat text (size, weight, style, color, alignment, lists, line height), reposition or resize…

  • Works in 4 steps: Resolve the design → Start the transaction and inspect → Build and perform operations → …
  • The user wants to change
  • SKILL.md covers The Transaction Protocol…, Capabilities — what the API…, Responsive pages — restricted… and The commit approval gate…, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Canva Edit Design is an agent skill from canva-sdks/canva-skills. Make edits to an existing Canva design — change or fix text, replace/insert/delete images and videos, reformat text (size, weight, style, color, alignment, lists, line height), reposition or resize elements, and update the title. Use when the user wants to change, edit, update, fix, translate, replace, or reformat content in a specific Canva design. This is the safe edit engine that other Canva skills (e.g. implement-feedback) build on.

Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It works with Canva. The repository describes itself as: Ready-to-use Canva Skills that improve creative workflows using the Canva Connector. The licence is Apache-2.0.

When your agent uses it

  • The user wants to change
  • Reformat content in a specific Canva design

Example prompts

  • “/canva-edit-design”

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Resolve the design
  2. Start the transaction and inspect
  3. Build and perform operations
  4. Preview and commit

What it can do on your machine

Read from SKILL.md and the folder at commit b56291e. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Canva Edit Design loads about 1.4k tokens when it runs. Until then it costs about 115 tokens; SKILL.md has 694 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~115
When it runs · the whole SKILL.md, loaded when a task matches
~1.4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: warnings

The automated check found patterns that need a careful read before installing.

  • WarningContains instruction-override wording (e.g. “without asking the user”)SKILL.md:49
    - Do NOT tell the user changes are saved before the commit call has succeeded.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from canva-sdks/canva-skills at commit b56291e, republished under its Apache-2.0 licence (© canva-sdks). 694 words, ~1,434 tokens.

Download SKILL.mdSave it as .claude/skills/canva-edit-design/SKILL.md (or your agent's skills folder).
name
canva-edit-design
description
Make edits to an existing Canva design — change or fix text, replace/insert/delete images and videos, reformat text (size, weight, style, color, alignment, lists, line height), reposition or resize elements, and update the title. Use when the user wants to change, edit, update, fix, translate, replace, or reformat content in a specific Canva design. This is the safe edit engine that other Canva skills (e.g. implement-feedback) build on.

Canva Design Editing

The canonical, safe way to apply edits to an existing Canva design. Every Canva skill that mutates a design should follow this exact protocol: start a transaction → perform operations → commit (with approval). Changes are draft-only until committed and are PERMANENTLY LOST if not committed.

The Transaction Protocol (always these steps, in order)

  1. Canva:start-editing-transaction — pass the design_id. Remember the returned transaction_id and the pages array; both are required by later calls. ALWAYS show the user the thumbnail(s) returned here.
  2. Canva:perform-editing-operations — apply edits. Pass the transaction_id, the pages array from the previous response, the page_index of the first page being changed, and an operations array. Batch multiple operations into a single call wherever possible.
  3. Canva:commit-editing-transaction — save. See the approval gate below. After committing, the transaction_id is invalid; a new edit needs a new transaction.
  4. Canva:cancel-editing-transaction — discard the draft instead of saving (e.g. the user rejects the preview, or you opened a transaction only to inspect the design).

Capabilities — what the API CAN and CANNOT do

CAN (operations on perform-editing-operations)
  • Text content: replace_text (whole element), find_and_replace_text (substring)
  • Text formatting (format_text): font size, weight (normal/bold), style (normal/italic), color, alignment, line height, underline, strikethrough, links, list level/marker
  • Media: update_fill (replace image/video), insert_fill (add image/video), delete_element
  • Layout: position_element, resize_element
  • Metadata: update_title
  • Autofill mapping: update_autofill_field (fixed-page designs only)
CANNOT
  • Change font family/typeface (only size, weight, style)
  • Add new text elements (you can only insert media, not new text boxes)
  • Change background colors or gradients
  • Add, remove, or reorder pages/slides
  • Modify animations, transitions, or element opacity (except on newly inserted fills)
  • Group/ungroup elements, or restyle shapes (only text inside shapes is editable)

When a requested change is in the CANNOT list, tell the user it must be done manually in the Canva editor — don't attempt a workaround.

Responsive pages — restricted operation set

Some pages come back marked is_responsive: true. On those pages, ONLY these operations are allowed: update_title, replace_text, update_fill, delete_element, find_and_replace_text.

Before calling perform-editing-operations, check the pages array. If any operation targets a responsive page with an unsupported op (e.g. format_text, position_element, resize_element, insert_fill), do NOT make the call — tell the user that operation isn't supported on that page and offer an alternative.

Show full SKILL.md (331 more words)Show less

The commit approval gate (required)

commit-editing-transaction makes changes permanent. You MUST show the user exactly what changed (and the preview thumbnail) and get explicit approval before committing — e.g. "Here's the preview. Save these changes to your design?" Wait for a clear yes.

  • Do NOT commit without approval.
  • Do NOT tell the user changes are saved before the commit call has succeeded.
  • After a successful commit, give the user a direct link to open the design in Canva.
  • If a commit fails, all changes are lost — start a new transaction to retry.

Note for composing skills: a skill that already collects a single up-front approval for a batch of changes (e.g. canva-implement-feedback) should treat that approval as covering the commit and NOT ask again. Follow that skill's own confirmation rules; the gate above is the default for direct, ad-hoc edits.

Workflow

Step 1: Resolve the design
  • Short link (canva.link/...) → Canva:resolve-shortlink to get the URL.
  • Full Canva URL → extract the design ID (the segment after /design/).
  • Raw design ID (starts with D) → use directly; do NOT search.
  • Nothing provided → ask for the design ID or link.
Step 2: Start the transaction and inspect

Call Canva:start-editing-transaction. Show the thumbnail(s). Use the returned content to locate the exact element_ids you need to target. (If you only needed to look, call cancel-editing-transaction and stop.)

Step 3: Build and perform operations

Translate the user's request into concrete operations. Confirm scope first when a find_and_replace_text string could match in multiple places or contexts — ask which instances they mean. Batch all operations into one perform-editing-operations call when you can.

Step 4: Preview and commit

Show the resulting thumbnail and a plain-language list of what changed. Ask for approval, then commit-editing-transaction. Share the edit link.

Rules

  • Always remember and reuse the transaction_id and pages array within a transaction.
  • Never leave a transaction uncommitted without telling the user their draft was discarded.
  • For destructive ops (delete_element, large find_and_replace_text), confirm scope before performing.
  • Prefer one batched perform-editing-operations call over many small ones.

© canva-sdks, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in plugins/canva/skills/edit-design of canva-sdks/canva-skills.

Open the folder on GitHubat commit b56291e

Compare with similar skills

Canva Edit Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Canva Edit Design compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Canva Edit Design this skillcanva-sdks/canva-skills115—~1.4kAutomated safety check: WarnApache-2.0
ImageNexus-JPF/note-companion8703 repos~3.9kAutomated safety check: PassMIT
Customer Story Setuplangfuse/langfuse-docs246—~2.4kAutomated safety check: PassMIT
AI Image Editingsocial-media-skills/skills125—~2.1kAutomated safety check: PassMIT
Canva Automationdavepoon/buildwithclaude3.6k7 repos~2.1kAutomated safety check: PassMIT
Canva Designerasgeirtj/system_prompts_leaks69k—~2.1kAutomated safety check: PassCC0-1.0

Similar skills

  • Image

    Nexus-JPF/note-companion

    When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product mockups, profile banners, listing visuals, or brand assets.

    870 GitHub starsUsed in 3 repos~3.9k tokens
    Media & CreativeAuto-check passed
  • Customer Story Setup

    langfuse/langfuse-docs

    Converts draft customer-story Markdown into Langfuse website MDX (Fumadocs), collects missing metadata and assets, wires meta.json and authors.

    246 GitHub stars~2.4k tokensUpdated today
    Writing & ContentAuto-check passed
  • AI Image Editing

    social-media-skills/skills

    The AI image-editing router — inpainting/object removal, background removal, upscaling, outpainting, old-photo restoration, and retouch, routed task-first to the right engine.

    125 GitHub stars~2.1k tokensUpdated 6 days ago
    Media & CreativeAuto-check passed
  • Canva Automation

    davepoon/buildwithclaude

    Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill.

    3.6k GitHub starsUsed in 7 repos~2.1k tokens
    Productivity & AutomationAuto-check passed
  • Canva Designer

    asgeirtj/system_prompts_leaks

    Creates and edits Canva designs, generates images and works with brand kits through the canva CLI and Canva's official MCP server, from decks to social posts.

    69k GitHub stars~2.1k tokensUpdated today
    Media & CreativeAuto-check passed
  • Oma Slide

    first-fluke/oh-my-agent

    Create, import, revise, or export presentation decks through the OMA slide CLI.

    1.3k GitHub stars~3.5k tokensUpdated today
    Documents & OfficeAuto-check passed

More from canva-sdks/canva-skills

All 10 skills in this repo
  • Canva Brand Check

    canva-sdks/canva-skills

    Check a Canva design against a brand kit and report where it diverges — off-palette colors, non-brand fonts, logo misuse, and off-tone copy.

    115 GitHub stars~1.3k tokensUpdated 3 mo ago
    Auto-check passed
  • Canva Bulk Create

    canva-sdks/canva-skills

    Bulk-create Canva designs from tabular data using a brand template with autofill fields, producing one design per row.

    115 GitHub stars~1.3k tokensUpdated 3 mo ago
    Auto-check passed
  • Canva Design Feedback

    canva-sdks/canva-skills

    Read a Canva design and return structured, actionable design feedback — visual hierarchy, copy/messaging, layout & spacing, consistency, readability, and accessibility.

    115 GitHub stars~1.2k tokensUpdated 3 mo ago
    Auto-check passed
  • Canva Implement Feedback

    canva-sdks/canva-skills

    Implement reviewer feedback on a Canva design. An agent skill from canva-sdks/canva-skills.

    115 GitHub stars~1.8k tokensUpdated 3 mo ago
    Auto-check passed
  • Canva Resize For Social Media

    canva-sdks/canva-skills

    Resize a Canva design into multiple social media formats (Facebook post, Facebook story, Instagram post, Instagram story, LinkedIn post).

    115 GitHub stars~1.5k tokensUpdated 3 mo ago
    Auto-check passed
  • Canva Translate Design

    canva-sdks/canva-skills

    Translate all text in a Canva design to another language, creating a translated copy.

    115 GitHub stars~711 tokensUpdated 3 mo ago
    Auto-check passed

Works with

Questions about Canva Edit Design

What does Canva Edit Design do?

Make edits to an existing Canva design — change or fix text, replace/insert/delete images and videos, reformat text (size, weight, style, color, alignment, lists, line height), reposition or resize…. Canva Edit Design is an agent skill from canva-sdks/canva-skills. Make edits to an existing Canva design — change or fix text, replace/insert/delete images and videos, reformat text (size, weight, style, color, alignment, lists, line height), reposition or resize elements, and update the title.

When should I use Canva Edit Design?

Canva Edit Design fits situations like: the user wants to change; reformat content in a specific Canva design.

How do I install Canva Edit Design in Claude Code?

Run `npx skills add canva-sdks/canva-skills --skill canva-edit-design -a claude-code`. Or copy the skill folder (plugins/canva/skills/edit-design in canva-sdks/canva-skills) into .claude/skills/canva-edit-design in your project. Claude Code loads it when a task matches its description.

How do I install Canva Edit Design in Codex?

Run `npx skills add canva-sdks/canva-skills --skill canva-edit-design -a codex`. Or copy the skill folder (plugins/canva/skills/edit-design in canva-sdks/canva-skills) into .agents/skills/canva-edit-design in your project. Codex loads it when a task matches its description.

Can I use Canva Edit Design in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add canva-sdks/canva-skills --skill canva-edit-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/canva-edit-design, .gemini/skills/canva-edit-design, .github/skills/canva-edit-design and .opencode/skills/canva-edit-design in your project.

What does Canva Edit Design need to run?

SKILL.md names no scripts, command-line tools or credentials: Canva Edit Design is instructions for the agent only.

Does Canva Edit Design access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Canva Edit Design safe to install?

Our automated static check of SKILL.md flagged 1 warning(s): contains instruction-override wording (e.g. “without asking the user”). Read the flagged lines before installing; the check is not a guarantee either way.

What licence does Canva Edit Design use?

Canva Edit Design is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Canva Edit Design use?

About 1.4k tokens (SKILL.md is roughly 5.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Canva Edit Design?

Skills that share tags, products or a category with Canva Edit Design: Image (Nexus-JPF/note-companion, 870 stars), Customer Story Setup (langfuse/langfuse-docs, 246 stars), AI Image Editing (social-media-skills/skills, 125 stars) and Canva Automation (davepoon/buildwithclaude, 3.6k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Canva Edit Design?

canva-sdks (a GitHub organization) maintains it in canva-sdks/canva-skills, which has 115 GitHub stars. The repository holds 10 skills in this directory. The repository was last updated on June 30, 2026.

Source: canva-sdks/canva-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.