canva — Claude Code skill: on-brand graphics without the template look
A skill for Canva social graphics: builds from the Brand Kit, batches through Bulk Create and Magic Resize, and pushes past the template look.
npx skills add social-media-skills/skills --skill canva -a claude-codeWhat canva does
The skill walks the agent through the SCALE framework: lock the Brand Kit first, customize past the template, automate the repeatable parts, layer in AI while keeping files editable, then export properly. It reads brand-profile, design-and-templates and voice-builder before doing anything — without them it has no idea what your brand looks like.
Automation is the reason to reach for it. Bulk Create turns one master template plus a CSV into a run of variants, Magic Resize spreads a single design across every size, Magic Switch handles formats and languages. Where the Canva MCP connector or Connect APIs are wired up, the agent creates and resizes designs itself. A human approves every visual; the agent will not tell you it looks great on its own. Finished exports publish through WoopSocial, which does not generate or edit designs.
There are hard limits. The skill never strips watermarks, never impersonates another brand and never uses an unpermitted likeness, and it requires AI disclosure for generated visuals. Accessibility has a floor too: WCAG contrast, a cap on font count, alt text. If pure image quality is the goal, dedicated generators beat Dream Lab — Canva wins on the brand-aware workflow around the image.
What it helps with
- produce a batch of graphics from one template and a spreadsheet
- resize a single design for every platform
- set up a Brand Kit before generating so drafts land on brand
- strip the recognizable template look out of a design
- prepare alt text and contrast to meet accessibility rules
Example prompts for the agent
- set up the Brand Kit and make a series of quote cards on brand
- run Bulk Create with the master template and a CSV for city variants
- Magic Resize one design for every platform and prep the export
How to install canva
1Skills CLI (Vercel)
npx skills add social-media-skills/skills --skill canva -a claude-code2Manually: put the files in place
~/.claude/skills/canva/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/canva/
1Skills CLI (Vercel)
npx skills add social-media-skills/skills --skill canva -a codex2Manually: put the files in place
.agents/skills/canva/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add social-media-skills/skills --skill canva -a cursor2Manually: put the files in place
.cursor/skills/canva/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install social-media-skills/skills canva2Manually: put the files in place
.github/skills/canva/SKILL.md1Skills CLI (Vercel)
npx skills add social-media-skills/skills --skill canva -a gemini-cli2Platform CLI
gemini skills install https://github.com/social-media-skills/skills --path skills/canvaManually: put the files in place
.devin/skills/canva/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add social-media-skills/skills --skill canva -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about canva
How do I install canva in Claude?
Run npx skills add social-media-skills/skills --skill canva -a claude-code. The skill lands at ~/.claude/skills/canva/SKILL.md.
What does the canva skill do?
It runs the agent through the SCALE framework: start from the Brand Kit, customize past the template, automate with Bulk Create and Magic Resize, layer in AI, then export. The agent can create designs directly where the Canva MCP connector or Connect APIs are connected.
How is canva different from design-and-templates?
design-and-templates defines the brand visual system; canva executes it by building actual designs, resizing them and preparing exports. Image generation belongs to image-prompt and the dedicated tools, video editing to capcut and descript.
Source text
SKILL.md · MIT
--- name: canva description: >- The Canva craft skill — produce on-brand social graphics, carousels, quote cards, infographics, and thumbnails at scale without a designer, and escape the "Canva look." Use when someone wants to design in Canva, make social graphics, set up a Brand Kit, batch-produce graphics (Bulk Create), resize one design for every platform (Magic Resize), use Canva's AI (Magic Studio), or asks why their posts look like a template. Uses the SCALE framework. Reads brand-profile + design-and-templates + voice-builder first. The agent specs, and creates designs directly where the Canva MCP/Connect APIs are connected; the human approves every visual; the export publishes via WoopSocial. Never strips watermarks, impersonates another brand, or uses unpermitted likeness; AI-disclosure + accessibility floor apply. Distinct from design-and-templates (the brand system this executes), image-prompt + the image tools (dedicated generation), ai-image-editing (the edit router), and capcut/descript (video editing). version: 1.0.0 --- # canva The **on-brand-at-scale design tool skill** — start from the Brand Kit, customize past the template, automate the repeatable, layer in AI while keeping it editable, and export right. The agent specs (and can drive Canva via its connector), the **human approves every visual**, and **WoopSocial publishes** the finished file. (Ships with `tools/integrations/canva.md`.) ## The POV: Canva's job is on-brand volume — the enemy is the "Canva look" Canva in 2026 is not a template toy; it's a five-surface design platform (editor, Sheets, Code, Video 2.0, Affinity) whose AI reads your **Brand Kit** before it generates — and the agent can operate it directly through its **MCP connector**. Two top-1% moves separate expert use from everyone else's. **(1) Brand Kit first:** locking colors/fonts/logos/voice before generating is the difference between ~20% and ~80% on-brand *first drafts* — most users skip it and hand-fix every design forever. **(2) The automation layer is where the leverage is:** **Bulk Create** (one master template + a CSV = 60 graphics in one run) is the most underrated feature in the product — "almost nobody uses" it. And the craft edge: **templates are scaffolding, not the finished design** — the recognizable "Canva look" (untouched layout, default fonts, familiar stock) is the tell that costs you credibility, and de-templating (swap the stock, change the bones, apply the brand) is the fix. Honest trade-off throughout: dedicated generators beat Dream Lab on pure image quality; Canva wins on the integrated brand-aware workflow. ## Read these first 1. **brand-profile** + **design-and-templates** — the brand system this executes. 2. **voice-builder** — any copy on the designs (Magic Write is a second-pass editor, not the voice). ## The framework: SCALE (Depth: `references/the-scale-framework.md`.) - **S — Start from the Brand Kit:** lock colors/fonts/logos/voice before generating; on Teams, lock templates + approvals so scale can't drift. - **C — Customize past the template:** replace every stock element, change the layout bones, apply brand type + color, strip decorations — if a stranger can name the template, keep going. - **A — Automate the repeatable:** Bulk Create (CSV → variants), Magic Resize (one master → every size), Magic Switch (formats + 150+ languages), Connect APIs/MCP for direct agent operation. - **L — Layer in AI, keep it editable:** Dream Lab / Canva AI 2.0 / Magic Layers as editable material; Magic Write as second-pass; dedicated generators (→ image-prompt) when pure quality matters; AI-disclosure where required. - **E — Export right + hand to publish:** correct format/size per platform, legibility floor, alt text → the finished file → scheduling-and-queue → WoopSocial. ## The reality (verify-quarterly) 2026 Canva: **Canva AI 2.0** (Apr 2026; editable design objects; the Canva Design Model + partner models), **Magic Layers** (Mar 2026; AI image → editable layers; ~9M uses in month one; US/UK/CA/AU rollout), Dream Lab (Leonardo-powered), Bulk Create, Magic Resize/Switch (150+ languages), Sheets/Charts, Video 2.0, and the unified **Affinity app free** (since Oct 2025; AI features behind Pro). **The agent can operate Canva** via the MCP server / AI Connector (Claude since Jul 2025; **Brand-Kit-aware since Jan 2026**; also ChatGPT/Copilot) and the Connect APIs (Design Editing GA, Resize, Data Connectors). Plans: Pro ≈ $12–15/mo; **credit figures conflict across sources — check the in-app tracker** (added Mar 2026). Honest trade-offs: Midjourney-class tools beat Dream Lab on image quality; pro prepress still needs Adobe. **Attribute all; verify-quarterly.** Full detail: `references/canva-2026-reality.md`. The weekly loop, the Bulk Create pattern, the de-templating checklist, and two worked examples: `references/workflows-and-templates.md`. ## Honest scope (never violate) - **The agent** specs/drafts and — **where the Canva MCP/Connect APIs are connected** — creates/resizes/adapts directly; otherwise exact steps for the human. **The human approves every visual** (the agent never fabricates "that looks great"). **Canva renders; WoopSocial publishes** the finished export (10 platforms, validation, queue; measurement: the platforms' native analytics); Canva's own Content Planner exists — the split is a stack choice, stated honestly. **WoopSocial does not generate or edit designs.** - **Licensing/IP:** no watermark-stripping, template-ripping, brand impersonation, or unpermitted likeness (real or AI lookalike); **AI-disclosure** (EU AI Act; C2PA) for generated visuals; **accessibility floor** (WCAG contrast, sizes, ≤2 fonts, alt text); **never fabricate** credits, capabilities, or metrics — verify in-app. (Full scope: `references/scope-and-connections.md`.) ## Distinct from its siblings (route correctly) **canva (this)** = the brand-aware design workflow/tool craft · **design-and-templates** = the brand visual *system* this executes · **image-prompt / ideogram / nano-banana / flux** = dedicated image generation (drops into this workflow) · **ai-image-editing** = the edit router (Magic Eraser/Expand/ Grab are the in-Canva equivalents) · **infographic-and-data-viz / quote-cards-and-text-graphics / carousel-writer / thumbnail-design** = the format crafts this renders · **capcut / descript** = serious video editing (Video 2.0 covers simple motion). ## Where this connects Reads first: **brand-profile** + **design-and-templates** + **voice-builder.** Renders for: **quote-cards-and- text-graphics**, **infographic-and-data-viz**, **carousel-writer**, **thumbnail-design**, **before-after-and- transformation**, **story-writer.** Pairs with: **image-prompt** + the image tools (hero imagery), **content- recycling** (one master → many cuts), Magic Switch (localization). Publishes via: export → **scheduling-and-queue → WoopSocial.** Tool file: **`tools/integrations/canva.md`.** Measure with: native + **analytics-and-reporting** — never fabricated. ## Definition of done On-brand Canva output produced through the system, not around it: Brand Kit locked first (colors/fonts/logos/ voice; templates + approvals locked on team tiers), templates used as scaffolding and customized past recognition (stock replaced, bones changed, brand type/color applied — a stranger can't name the template), the repeatable automated (Bulk Create for batches with a QA pass on overflow; Magic Resize for the platform set; Magic Switch QA'd for localization), AI layered as editable material with honest trade-offs (dedicated generators for pure quality; Magic Write as second-pass only) and AI-disclosure where required, and exports correct per platform with the legibility floor held (contrast, sizes, ≤2 fonts, safe zones, alt text); agent operation via MCP/Connect APIs only where actually connected (exact human steps otherwise), the human approving every visual, and the finished file published via WoopSocial; licensing/IP clean (no watermark-stripping, template-ripping, impersonation, or unpermitted likeness); **no fabricated credits, capabilities, or metrics**; and correctly distinguished from design-and-templates, the image-generation tools, ai-image-editing, and the video editors.
© social-media-skills · MIT · social-media-skills/skills