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.
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…
The automated check flagged lines worth reading first. See the safety section below.
$ npx skills add canva-sdks/canva-skills --skill canva-edit-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install canva-sdks/canva-skills canva-edit-design --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ 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-srcUse ~/.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/
Install the "canva-edit-design" agent skill from https://github.com/canva-sdks/canva-skills/tree/main/plugins/canva/skills/edit-design into .claude/skills/canva-edit-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canva-edit-design", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/canva-sdks/canva-skills/tree/main/plugins/canva/skills/edit-designType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add canva-sdks/canva-skills --skill canva-edit-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install canva-sdks/canva-skills canva-edit-design --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/canva-sdks/canva-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/canva/skills/edit-design .agents/skills/canva-edit-design && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "canva-edit-design" agent skill from https://github.com/canva-sdks/canva-skills/tree/main/plugins/canva/skills/edit-design into .agents/skills/canva-edit-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canva-edit-design", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add canva-sdks/canva-skills --skill canva-edit-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install canva-sdks/canva-skills canva-edit-design --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/canva-sdks/canva-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/canva/skills/edit-design .cursor/skills/canva-edit-design && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "canva-edit-design" agent skill from https://github.com/canva-sdks/canva-skills/tree/main/plugins/canva/skills/edit-design into .cursor/skills/canva-edit-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canva-edit-design", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/canva-sdks/canva-skills.git --path plugins/canva/skills/edit-design--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add canva-sdks/canva-skills --skill canva-edit-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install canva-sdks/canva-skills canva-edit-design --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/canva-sdks/canva-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/canva/skills/edit-design .gemini/skills/canva-edit-design && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "canva-edit-design" agent skill from https://github.com/canva-sdks/canva-skills/tree/main/plugins/canva/skills/edit-design into .gemini/skills/canva-edit-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canva-edit-design", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install canva-sdks/canva-skills canva-edit-designInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add canva-sdks/canva-skills --skill canva-edit-design -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/canva-sdks/canva-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/canva/skills/edit-design .github/skills/canva-edit-design && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "canva-edit-design" agent skill from https://github.com/canva-sdks/canva-skills/tree/main/plugins/canva/skills/edit-design into .github/skills/canva-edit-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canva-edit-design", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add canva-sdks/canva-skills --skill canva-edit-design -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install canva-sdks/canva-skills canva-edit-design --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/canva-sdks/canva-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/canva/skills/edit-design .opencode/skills/canva-edit-design && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "canva-edit-design" agent skill from https://github.com/canva-sdks/canva-skills/tree/main/plugins/canva/skills/edit-design into .opencode/skills/canva-edit-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canva-edit-design", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
canva-edit-designMake 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. 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.
4 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit b56291e. It shows what the files ask for, not the result of running them.
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.
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.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
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.
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.
The automated check found patterns that need a careful read before installing.
- 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.
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.
.claude/skills/canva-edit-design/SKILL.md (or your agent's skills folder).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.
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.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.Canva:commit-editing-transaction — save. See the approval gate below. After committing, the transaction_id is invalid; a new edit needs a new transaction.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).perform-editing-operations)replace_text (whole element), find_and_replace_text (substring)format_text): font size, weight (normal/bold), style (normal/italic), color, alignment, line height, underline, strikethrough, links, list level/markerupdate_fill (replace image/video), insert_fill (add image/video), delete_elementposition_element, resize_elementupdate_titleupdate_autofill_field (fixed-page designs only)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.
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.
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.
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.
canva.link/...) → Canva:resolve-shortlink to get the URL./design/).D) → use directly; do NOT search.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.)
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.
Show the resulting thumbnail and a plain-language list of what changed. Ask for approval, then commit-editing-transaction. Share the edit link.
transaction_id and pages array within a transaction.delete_element, large find_and_replace_text), confirm scope before performing.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
Just SKILL.md in plugins/canva/skills/edit-design of canva-sdks/canva-skills.
Open the folder on GitHubat commit b56291e
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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Canva Edit Design this skillcanva-sdks/canva-skills | 115 | — | ~1.4k | Automated safety check: Warn | Apache-2.0 | |
| ImageNexus-JPF/note-companion | 870 | 3 repos | ~3.9k | Automated safety check: Pass | MIT | |
| Customer Story Setuplangfuse/langfuse-docs | 246 | — | ~2.4k | Automated safety check: Pass | MIT | |
| AI Image Editingsocial-media-skills/skills | 125 | — | ~2.1k | Automated safety check: Pass | MIT | |
| Canva Automationdavepoon/buildwithclaude | 3.6k | 7 repos | ~2.1k | Automated safety check: Pass | MIT | |
| Canva Designerasgeirtj/system_prompts_leaks | 69k | — | ~2.1k | Automated safety check: Pass | CC0-1.0 |
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.
langfuse/langfuse-docs
Converts draft customer-story Markdown into Langfuse website MDX (Fumadocs), collects missing metadata and assets, wires meta.json and authors.
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.
davepoon/buildwithclaude
Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill.
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.
first-fluke/oh-my-agent
Create, import, revise, or export presentation decks through the OMA slide CLI.
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.
canva-sdks/canva-skills
Bulk-create Canva designs from tabular data using a brand template with autofill fields, producing one design per row.
canva-sdks/canva-skills
Read a Canva design and return structured, actionable design feedback — visual hierarchy, copy/messaging, layout & spacing, consistency, readability, and accessibility.
canva-sdks/canva-skills
Implement reviewer feedback on a Canva design. An agent skill from canva-sdks/canva-skills.
canva-sdks/canva-skills
Resize a Canva design into multiple social media formats (Facebook post, Facebook story, Instagram post, Instagram story, LinkedIn post).
canva-sdks/canva-skills
Translate all text in a Canva design to another language, creating a translated copy.
Works with
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.
Canva Edit Design fits situations like: the user wants to change; reformat content in a specific Canva design.
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.
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.
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.
SKILL.md names no scripts, command-line tools or credentials: Canva Edit Design is instructions for the agent only.
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.
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.
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.
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.
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.
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.