Canva Connect

Manage Canva designs, assets, and folders via the Connect API.

What This Skill Does (and Doesn't Do)

✅ CAN DO	❌ CANNOT DO
List/search designs	Add content to designs
Create blank designs

Realistic Use Cases

1. Asset Pipeline 🖼️
CODEBLOCK0

2. Export Automation 📤
CODEBLOCK1

3. Design Organization 📁
CODEBLOCK2

4. Brand Template Autofill 📋
CODEBLOCK3

Quick Start

CODEBLOCK4

Setup

1. Create Canva Integration

1. Go to canva.com/developers/integrations
Click Create an integration
Set scopes:

- design:content (Read + Write) - design:meta (Read) - asset (Read + Write) - brandtemplate:meta (Read) - brandtemplate:content (Read) - profile (Read)

4. Set OAuth redirect: INLINECODE6
Note Client ID and generate Client Secret

2. Configure Environment

Add to ~/.clawdbot/clawdbot.json under skills.entries:

CODEBLOCK5

Or set environment variables:
CODEBLOCK6

3. Authenticate

CODEBLOCK7

Opens browser for OAuth consent. Tokens stored in ~/.clawdbot/canva-tokens.json.

Commands

Authentication
Command Description
INLINECODE10 Start OAuth flow (opens browser)
INLINECODE11
Check authentication status |

Command	Description
INLINECODE10	Start OAuth flow (opens browser)
INLINECODE11

| auth logout | Clear stored tokens |

Designs
Command Description
INLINECODE13 List your designs
INLINECODE14
Get design details |

Command	Description
INLINECODE13	List your designs
INLINECODE14

Design types: doc, presentation, whiteboard, poster, instagram_post, facebook_post, video, logo, flyer, INLINECODE26

Export
Command Description
INLINECODE27 Export design
INLINECODE28
Check export job status |

Command	Description
INLINECODE27	Export design
INLINECODE28

Formats: pdf, png, jpg, gif, pptx, INLINECODE34

Assets
Command Description
INLINECODE35 List uploaded assets
INLINECODE36
Upload asset |

Command	Description
INLINECODE35	List uploaded assets
INLINECODE36

Brand Templates
Command Description
INLINECODE39 List brand templates
INLINECODE40
Get template details |

Command	Description
INLINECODE39	List brand templates
INLINECODE40

| autofill <template_id> --data <json> | Autofill template with data |

Folders
Command Description
INLINECODE42 List folders
INLINECODE43
Create folder |

Command	Description
INLINECODE42	List folders
INLINECODE43

| folders get <id> | Get folder contents |

User
Command Description
INLINECODE45 Get current user profile

Command	Description
INLINECODE45	Get current user profile

Examples

Create and Export a Poster

CODEBLOCK8

Upload Brand Assets

CODEBLOCK9

Autofill a Template

CODEBLOCK10

API Reference

Base URL: INLINECODE46

See references/api.md for detailed endpoint documentation.

Troubleshooting

Token Expired

CODEBLOCK11

Rate Limited

The API has per-endpoint rate limits. The script handles backoff automatically.

Missing Scopes

If operations fail with 403, ensure your integration has the required scopes enabled.

Data Files

File	Purpose
INLINECODE47	OAuth tokens (encrypted)
INLINECODE48

Response cache |

Canva Connect

通过Connect API管理Canva设计、资源和文件夹。

此技能的功能与限制

✅ 可执行操作	❌ 不可执行操作
列出/搜索设计	向设计中添加内容
创建空白设计

实际应用场景

1. 资源管理流水线 🖼️

生成图表 → 上传至Canva → 整理到项目文件夹

2. 导出自动化 📤

在Canva中完成设计 → 通过CLI导出 → 用于文档/网站

3. 设计整理 📁

创建项目文件夹 → 移动相关设计 → 保持Canva整洁

4. 品牌模板自动填充 📋

在Canva中设置模板 → 通过API传递数据 → 获取个性化输出

快速开始

bash

身份验证（打开浏览器进行OAuth认证）

{baseDir}/scripts/canva.sh auth

列出您的设计

{baseDir}/scripts/canva.sh designs list

创建新设计

{baseDir}/scripts/canva.sh designs create --type doc --title 我的文档

导出设计

{baseDir}/scripts/canva.sh export --format pdf

设置

1. 创建Canva集成

1. 访问 canva.com/developers/integrations
点击 创建集成
设置权限范围：

- design:content（读写） - design:meta（读取） - asset（读写） - brandtemplate:meta（读取） - brandtemplate:content（读取） - profile（读取）

4. 设置OAuth重定向地址：http://127.0.0.1:3001/oauth/redirect
记录客户端ID并生成客户端密钥

2. 配置环境

在 ~/.clawdbot/clawdbot.json 的 skills.entries 下添加：

json
{
skills: {
entries: {
canva: {
clientId: 您的客户端ID,
clientSecret: 您的客户端密钥
}
}
}
}

或设置环境变量：
bash
export CANVACLIENTID=yourclientid
export CANVACLIENTSECRET=yourclientsecret

3. 身份验证

bash
{baseDir}/scripts/canva.sh auth

打开浏览器进行OAuth授权。令牌存储在 ~/.clawdbot/canva-tokens.json 中。

命令

身份验证
命令描述
auth 启动OAuth流程（打开浏览器）
auth status
检查身份验证状态 |

命令	描述
auth	启动OAuth流程（打开浏览器）
auth status

| auth logout | 清除存储的令牌 |

设计
命令描述
designs list [--limit N] 列出您的设计
designs get <id>
获取设计详情 |

命令	描述
designs list [--limit N]	列出您的设计
designs get <id>

| designs create --type --title | 创建新设计 | | designs delete <id> | 将设计移至回收站 | <p><strong>设计类型：</strong> doc、presentation、whiteboard、poster、instagram<em>post、facebook</em>post、video、logo、flyer、banner</p> <h3>导出<table><thead><tr><th>命令</th><th>描述</th></tr></thead><tbody><tr><td>export <design<em>id> --format <fmt></td><td>导出设计</td></tr><tr><td>export status <job</em>id></td></tr></tbody></table> 检查导出任务状态 |</h3> <p><strong>格式：</strong> pdf、png、jpg、gif、pptx、mp4</p> <h3>资源<table><thead><tr><th>命令</th><th>描述</th></tr></thead><tbody><tr><td>assets list</td><td>列出已上传的资源</td></tr><tr><td>assets upload <file> [--name <name>]</td></tr></tbody></table> 上传资源 |</h3> | assets get <id> | 获取资源详情 | | assets delete <id> | 删除资源 | <h3>品牌模板<table><thead><tr><th>命令</th><th>描述</th></tr></thead><tbody><tr><td>templates list</td><td>列出品牌模板</td></tr><tr><td>templates get <id></td></tr></tbody></table> 获取模板详情 |</h3> | autofill <template_id> --data <json> | 使用数据自动填充模板 | <h3>文件夹<table><thead><tr><th>命令</th><th>描述</th></tr></thead><tbody><tr><td>folders list</td><td>列出文件夹</td></tr><tr><td>folders create <name></td></tr></tbody></table> 创建文件夹 |</h3> | folders get <id> | 获取文件夹内容 | <h3>用户<table><thead><tr><th>命令</th><th>描述</th></tr></thead><tbody><tr><td>me</td><td>获取当前用户资料</td></tr></tbody></table></h3> <h2>示例</h2> <h3>创建并导出海报</h3> bash <h1>创建</h1> {baseDir}/scripts/canva.sh designs create --type poster --title 活动海报 <h1>导出为PNG</h1> {baseDir}/scripts/canva.sh export DAF... --format png --output ./poster.png <h3>上传品牌资源</h3> bash <h1>上传logo</h1> {baseDir}/scripts/canva.sh assets upload ./logo.png --name 公司Logo <h1>批量上传</h1> for f in ./brand/*.png; do {baseDir}/scripts/canva.sh assets upload $f done <h3>自动填充模板</h3> bash <h1>列出可用模板</h1> {baseDir}/scripts/canva.sh templates list <h1>使用数据自动填充</h1> {baseDir}/scripts/canva.sh autofill TEMPLATE_ID --data { title: 第一季度报告, subtitle: 财务摘要, date: 2026年1月 } <h2>API参考</h2> <p>基础URL：https://api.canva.com/rest</p> <p>详细端点文档请参见 <a href="references/api.md" target="_blank" rel="noopener">references/api.md</a>。</p> <h2>故障排除</h2> <h3>令牌过期</h3> bash {baseDir}/scripts/canva.sh auth # 重新认证 <h3>频率限制</h3> API对每个端点有频率限制。脚本会自动处理退避。 <h3>缺少权限范围</h3> 如果操作返回403错误，请确保您的集成已启用所需的权限范围。 <h2>数据文件</h2> <table><thead><tr><th>文件</th><th>用途</th></tr></thead><tbody><tr><td>~/.clawdbot/canva-tokens.json</td><td>OAuth令牌（加密）</td></tr><tr><td>~/.clawdbot/canva-cache.json</td></tr></tbody></table> 响应缓存 |</div> </div> <div class="tags"> <h4>标签</h4> <span class="tag">skill</span> <span class="tag">ai</span> </div> </div> </div> <div class="tab-content" id="tab-install"> <div class="install-panel"> <h3>通过对话安装</h3> <p>该技能支持在以下平台通过对话安装：</p> <div class="platform-list"> <span class="platform-tag">OpenClaw</span> <span class="platform-tag">WorkBuddy</span> <span class="platform-tag">QClaw</span> <span class="platform-tag">Kimi</span> <span class="platform-tag">Claude</span> </div> <div class="install-method"> <h4>方式一：安装 SkillHub 和技能</h4> <div class="code-block"> <button class="copy-btn" onclick="copyToClipboard('帮我安装 SkillHub 和 canva-connect-1776378036 技能', this)">复制</button> <code>帮我安装 SkillHub 和 canva-connect-1776378036 技能</code> </div> </div> <div class="install-method"> <h4>方式二：设置 SkillHub 为优先技能安装源</h4> <div class="code-block"> <button class="copy-btn" onclick="copyToClipboard('设置 SkillHub 为我的优先技能安装源，然后帮我安装 canva-connect-1776378036 技能', this)">复制</button> <code>设置 SkillHub 为我的优先技能安装源，然后帮我安装 canva-connect-1776378036 技能</code> </div> </div> <h3 style="margin-top: 30px;">通过命令行安装</h3> <div class="install-method"> <div class="code-block"> <button class="copy-btn" onclick="copyToClipboard('skillhub install canva-connect-1776378036', this)">复制</button> <code>skillhub install canva-connect-1776378036</code> </div> </div> <h3 style="margin-top: 30px;">下载</h3> <a href="plugin.php?id=hl_skillhub&mod=download&version_id=19197&token=55332daedd48c2a8e9d86108f36c7a83" class="download-btn"> ⬇ 下载 canva v1.0.0（免费） </a> <p class="download-info"> 文件大小: 9.08 KB | 发布时间: 2026-4-17 14:14 </p> </div> </div> <div class="tab-content" id="tab-versions"> <div class="version-list"> <div class="version-item"> <div class="version-header"> <span class="version-number">v1.0.0</span> <span class="latest-tag">最新</span> <span class="version-date">2026-4-17 14:14</span> </div> <div class="changelog"> Initial release: design management, asset uploads, folder organization, export automation </div> </div> </div> </div>  <div class="related-skills"> <h3>相关推荐</h3> <div class="skill-list-related"> <div class="skillhub-card-related"> <a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776396682"> <div class="skill-icon"> <div class="default-icon">s</div> </div> <h3 class="skill-name">self-improvement</h3> <p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p> <div class="skill-meta"> <div class="stats"> <span>⭐ 3209</span> <span>⬇ 392960</span> </div> <span class="skill-source">AI智能</span> </div> </a> </div> <div class="skillhub-card-related"> <a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776382578"> <div class="skill-icon"> <div class="default-icon">s</div> </div> <h3 class="skill-name">self-improvement</h3> <p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p> <div class="skill-meta"> <div class="stats"> <span>⭐ 3209</span> <span>⬇ 392959</span> </div> <span class="skill-source">AI智能</span> </div> </a> </div> <div class="skillhub-card-related"> <a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776282374"> <div class="skill-icon"> <div class="default-icon">s</div> </div> <h3 class="skill-name">self-improvement</h3> <p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p> <div class="skill-meta"> <div class="stats"> <span>⭐ 3195</span> <span>⬇ 389591</span> </div> <span class="skill-source">AI智能</span> </div> </a> </div> <div class="skillhub-card-related"> <a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776190579"> <div class="skill-icon"> <div class="default-icon">s</div> </div> <h3 class="skill-name">self-improvement</h3> <p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p> <div class="skill-meta"> <div class="stats"> <span>⭐ 3177</span> <span>⬇ 386646</span> </div> <span class="skill-source">AI智能</span> </div> </a> </div> </div> </div> </div> </div> <style> .skill-detail { padding: 20px 0; min-height: 100vh; } .breadcrumb { margin-bottom: 20px; color: #666; } .breadcrumb a { color: #155BD5; } .breadcrumb span { margin: 0 5px; } .skill-detail-header { display: flex; gap: 24px; padding: 30px; background: #fff; border-radius: 12px; margin-bottom: 20px; border: 1px solid #e8e8e8; } .skill-icon-large { width: 120px; height: 120px; flex-shrink: 0; } .skill-icon-large img { width: 100%; height: 100%; border-radius: 20px; object-fit: cover; } .skill-icon-large .default-icon-large { width: 100%; height: 100%; border-radius: 20px; background: #155BD5; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 48px; font-weight: bold; } .skill-info { flex: 1; } .skill-header-action { flex-shrink: 0; display: flex; align-items: center; padding-left: 20px; } .header-download-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: #155BD5; color: #fff; border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.2s ease; white-space: nowrap; } .header-download-btn:hover { background: #0d4bb5; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(21, 91, 213, 0.3); } .header-download-btn.buy { background: #f97316; } .header-download-btn.buy:hover { background: #ea580c; box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3); } .skill-info h1 { font-size: 36px; font-weight: 700; color: #1e293b; margin-bottom: 10px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; } .skill-info h1 .name-cn { font-size: 20px; color: #666; font-weight: 500; background: #f1f5f9; padding: 4px 14px; border-radius: 20px; white-space: nowrap; } .skill-info .skill-desc { font-size: 16px; color: #666; margin-bottom: 8px; } .skill-info .skill-scenarios { font-size: 14px; color: #999; margin-bottom: 10px; } .skill-info .skill-author { font-size: 13px; color: #999; } /* 统计面板 */ .stats-panel { display: flex; align-items: center; background: #fff; border-radius: 12px; padding: 24px 0; margin-bottom: 24px; border: 1px solid #e8e8e8; box-shadow: 0 1px 3px rgba(0,0,0,0.05); } .stats-panel .stats-item { flex: 1; text-align: center; padding: 0 16px; } .stats-panel .stats-divider { width: 1px; height: 48px; background: linear-gradient(180deg, transparent, #e8e8e8, transparent); } .stats-panel .stats-icon { width: 40px; height: 40px; margin: 0 auto 8px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; background: #f1f5f9; color: #64748b; } .stats-panel .stats-icon.source-icon { background: #e0e7ff; color: #6366f1; } .stats-panel .stats-icon.version-icon { background: #fef3c7; color: #d97706; } .stats-panel .stats-icon.security-icon { background: #fee2e2; color: #9ca3af; } .stats-panel .stats-icon.security-icon.verified { background: #d1fae5; color: #10b981; } .stats-panel .stats-value { font-size: 15px; font-weight: 600; color: #374151; margin-bottom: 4px; } .stats-panel .stats-number { font-size: 24px; font-weight: 700; color: #111827; margin-bottom: 4px; line-height: 1.2; } .stats-panel .stats-label { font-size: 13px; color: #9ca3af; } .stats-panel .stats-item.highlight .stats-label { color: #6b7280; } .skill-tabs { display: flex; gap: 40px; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; } .skill-tabs .tab-item { padding: 15px 0; color: #666; cursor: pointer; border-bottom: 2px solid transparent; font-size: 16px; } .skill-tabs .tab-item.active { color: #155BD5; border-bottom-color: #155BD5; } .tab-content { background: #fff; border-radius: 12px; padding: 30px; margin-bottom: 20px; border: 1px solid #e8e8e8; opacity: 0; transform: translateY(10px); transition: all 0.3s ease; display: none; } .tab-content.active { opacity: 1; transform: translateY(0); display: block; } .lang-switcher { display: flex; gap: 8px; margin-bottom: 16px; justify-content: flex-end; } .lang-switcher .lang-btn { padding: 4px 16px; border: 1px solid #d1d5db; background: #fff; border-radius: 20px; font-size: 13px; color: #6b7280; cursor: pointer; transition: all 0.2s; } .lang-switcher .lang-btn:hover { border-color: #155BD5; color: #155BD5; } .lang-switcher .lang-btn.active { background: #155BD5; color: #fff; border-color: #155BD5; } .overview-content h3 { margin-bottom: 15px; } /* Markdown 预览样式 */ .markdown-body { line-height: 1.8; color: #333; margin-bottom: 20px; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; color: #1e293b; } .markdown-body h1 { font-size: 2em; border-bottom: 1px solid #e8e8e8; padding-bottom: 8px; } .markdown-body h2 { font-size: 1.5em; border-bottom: 1px solid #e8e8e8; padding-bottom: 8px; } .markdown-body h3 { font-size: 1.25em; } .markdown-body p { margin-bottom: 16px; } .markdown-body ul, .markdown-body ol { padding-left: 2em; margin-bottom: 16px; } .markdown-body li { margin-bottom: 4px; } .markdown-body code { padding: 2px 6px; background: #f1f5f9; border-radius: 4px; font-family: 'Consolas', monospace; font-size: 0.9em; color: #155BD5; } .markdown-body pre { padding: 16px; background: #1e1e1e; border-radius: 8px; overflow-x: auto; margin-bottom: 16px; } .markdown-body pre code { background: transparent; color: #d4d4d4; padding: 0; } .markdown-body blockquote { padding: 0 1em; border-left: 4px solid #155BD5; color: #666; margin-bottom: 16px; } .markdown-body table { width: 100%; border-collapse: collapse; margin-bottom: 16px; } .markdown-body th, .markdown-body td { padding: 8px 12px; border: 1px solid #e8e8e8; } .markdown-body th { background: #f8f9fa; font-weight: 600; } .markdown-body a { color: #155BD5; text-decoration: none; } .markdown-body a:hover { text-decoration: underline; } .markdown-body img { max-width: 100%; border-radius: 8px; } .overview-content .tags { margin-top: 20px; } .overview-content .tags h4 { margin-bottom: 10px; } .overview-content .tag { display: inline-block; padding: 4px 12px; background: #f0f0f0; border-radius: 4px; margin-right: 8px; margin-bottom: 8px; font-size: 13px; } .install-panel h3 { margin-bottom: 15px; } .platform-list { margin-bottom: 20px; } .platform-tag { display: inline-block; padding: 4px 12px; background: #e3f2fd; color: #1976d2; border-radius: 4px; margin-right: 8px; font-size: 13px; } .install-method { margin-bottom: 25px; } .install-method h4 { margin-bottom: 10px; font-size: 14px; color: #666; } .code-block { position: relative; background: #1e1e1e; border-radius: 8px; padding: 16px 60px 16px 16px; } .code-block code { color: #d4d4d4; font-family: 'Consolas', monospace; font-size: 14px; } .copy-btn { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); padding: 4px 12px; background: #333; border: none; border-radius: 4px; color: #fff; cursor: pointer; font-size: 12px; } .copy-btn:hover { background: #444; } .copy-btn.copied { background: #10b981 !important; animation: copyPulse 0.3s ease; } @keyframes copyPulse { 0%, 100% { transform: translateY(-50%) scale(1); } 50% { transform: translateY(-50%) scale(1.1); } } .download-btn { display: inline-block; padding: 12px 24px; background: #155BD5; color: #fff; border-radius: 8px; text-decoration: none; font-size: 14px; } .download-btn:hover { background: #0d4bb5; } .download-info { margin-top: 10px; font-size: 13px; color: #999; } .version-list .version-item { padding: 20px 0; border-bottom: 1px solid #e8e8e8; } .version-list .version-item:last-child { border-bottom: none; } .version-header { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .version-header .version-number { font-size: 18px; font-weight: 600; } .version-header .latest-tag { padding: 2px 8px; background: #e8f5e9; color: #4caf50; border-radius: 4px; font-size: 12px; } .version-header .version-date { margin-left: auto; color: #999; font-size: 13px; } .changelog { color: #666; line-height: 1.6; } /* 相关推荐 */ .related-skills { margin-top: 40px; padding: 24px; background: #fff; border-radius: 12px; border: 1px solid #e8e8e8; } .related-skills h3 { margin-bottom: 20px; font-size: 18px; font-weight: 600; color: #1e293b; display: flex; align-items: center; gap: 8px; } .related-skills h3:before { content: ''; width: 4px; height: 20px; background: #155BD5; border-radius: 2px; } .skill-list-related { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; } .skillhub-card-related { border-radius: 16px; padding: 20px; transition: all 0.3s ease; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 4px 12px rgba(0,0,0,0.03); } .skillhub-card-related:hover { box-shadow: 0 8px 24px rgba(21, 91, 213, 0.15); transform: translateY(-4px); } .skillhub-card-related:active { transform: scale(0.98); } .skillhub-card-related a { color: inherit; text-decoration: none; } .skillhub-card-related .skill-icon { width: 56px; height: 56px; margin-bottom: 12px; } .skillhub-card-related .skill-icon .default-icon { width: 100%; height: 100%; border-radius: 12px; background: #155BD5; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; } .skillhub-card-related .skill-name { font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #333; } .skillhub-card-related .skill-desc { font-size: 13px; color: #666; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 12px; min-height: 39px; } .skillhub-card-related .skill-meta { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #999; } .skillhub-card-related .skill-meta .stats { display: flex; gap: 12px; } .skillhub-card-related .skill-source { background: #f0f0f0; padding: 2px 10px; border-radius: 12px; font-size: 12px; } @media screen and (max-width: 768px) { .skill-detail-header { flex-direction: column; text-align: center; padding: 24px 20px; } .skill-icon-large { width: 80px; height: 80px; } .skill-icon-large .default-icon-large { font-size: 32px; } .skill-info h1 { font-size: 24px; } .skill-info h1 .name-cn { font-size: 14px; padding: 2px 10px; margin-left: 0; margin-top: 6px; } .skill-header-action { padding-left: 0; padding-top: 16px; width: 100%; justify-content: center; } .header-download-btn { width: 100%; justify-content: center; max-width: 280px; } .stats-panel { flex-wrap: wrap; padding: 16px 0; } .stats-panel .stats-item { flex: 1 1 30%; min-width: 80px; padding: 12px 8px; } .stats-panel .stats-divider { width: 1px; height: 36px; } .stats-panel .stats-icon { width: 32px; height: 32px; font-size: 14px; } .stats-panel .stats-number { font-size: 18px; } .stats-panel .stats-value { font-size: 13px; } .stats-panel .stats-label { font-size: 11px; } .skill-tabs { overflow-x: auto; gap: 24px; -webkit-overflow-scrolling: touch; } .skill-tabs .tab-item { white-space: nowrap; } .code-block { padding: 16px 50px 16px 16px; } .code-block code { font-size: 12px; word-break: break-all; } } /* Paid skill notice */ .paid-notice { text-align: center; padding: 40px 24px; background: linear-gradient(135deg, #fff7ed, #ffedd5); border-radius: 12px; border: 1px solid #fed7aa; } .paid-notice-icon { width: 56px; height: 56px; margin: 0 auto 16px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #f97316; box-shadow: 0 2px 8px rgba(249,115,22,0.15); } .paid-notice h3 { font-size: 20px; color: #9a3412; margin-bottom: 8px; } .paid-notice p { font-size: 14px; color: #c2410c; margin: 4px 0; } .paid-buy-box { padding: 20px; background: #fff7ed; border-radius: 8px; border: 1px solid #fed7aa; margin-bottom: 12px; } .paid-buy-box p { color: #7c2d12; font-size: 15px; margin: 0; }</style> <script> // 复制功能 function copyToClipboard(text, btn) { if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text).then(function() { showCopied(btn); }).catch(function() { fallbackCopy(text, btn); }); } else { fallbackCopy(text, btn); } } function fallbackCopy(text, btn) { var textarea = document.createElement('textarea'); textarea.value = text; textarea.style.position = 'fixed'; textarea.style.opacity = '0'; document.body.appendChild(textarea); textarea.select(); try { document.execCommand('copy'); showCopied(btn); } catch (err) { btn.textContent = '失败'; } document.body.removeChild(textarea); } function showCopied(btn) { var originalText = btn.textContent; btn.textContent = '已复制!'; btn.classList.add('copied'); setTimeout(function() { btn.textContent = originalText; btn.classList.remove('copied'); }, 2000); } // Tab 切换 document.addEventListener('DOMContentLoaded', function() { var tabItems = document.querySelectorAll('.skill-tabs .tab-item'); var tabContents = document.querySelectorAll('.tab-content'); tabItems.forEach(function(item) { item.addEventListener('click', function() { var target = this.getAttribute('data-tab'); var targetContent = document.getElementById('tab-' + target); // 移除所有 active tabItems.forEach(function(t) { t.classList.remove('active'); }); tabContents.forEach(function(c) { c.classList.remove('active'); }); // 添加 active this.classList.add('active'); // 延迟添加动画类，确保过渡效果 setTimeout(function() { targetContent.classList.add('active'); }, 50); window.location.hash = target; }); }); var hash = window.location.hash.replace('#', ''); if (hash) { var targetTab = document.querySelector('.skill-tabs .tab-item[data-tab="' + hash + '"]'); if (targetTab) { targetTab.click(); } } // 中英文描述切换 var langSwitcher = document.getElementById('langSwitcher'); if (langSwitcher) { var descEn = document.querySelector('#markdownContent .desc-en'); var descCn = document.querySelector('#markdownContent .desc-cn'); var toggleBtn = document.getElementById('langToggleBtn'); var currentLang = 'cn'; toggleBtn.addEventListener('click', function() { if (currentLang === 'en') { currentLang = 'cn'; toggleBtn.textContent = 'English'; if (descEn) descEn.style.display = 'none'; if (descCn) descCn.style.display = 'block'; } else { currentLang = 'en'; toggleBtn.textContent = '中文'; if (descCn) descCn.style.display = 'none'; if (descEn) descEn.style.display = 'block'; } }); } }); </script></div> <script src="source/plugin/hl_skillhub/static/js/main.js"></script><div style="height:299px; overflow:hidden" class="cl"> <div class="hl_footer cl"> <div class="hl_fttop cl"> <div class="w1180 cl"> <div class="hl_ftl" style=" position: relative;"> <ul> <li> <div class="hl_h5">闲社论坛</div> <a href="plugin.php?id=hl_techmarket&mod=list" target="_blank">定制服务</a> <a href="plugin.php?id=keke_video_base&ac=list" target="_blank">闲社视频</a> <a href="portal.php?mod=topic&topicid=1">会员介绍</a> <a href="plugin.php?id=keke_group" target="_blank">开通会员</a> </li> <li> <div class="hl_h5">闲社论坛</div> <a href="forum.php" target="_blank">智能体论坛</a> <a href="plugin.php?id=hl_skillhub&mod=bundle&ac=list" target="_blank">技能自动化</a> <a href="plugin.php?id=hl_techmarket">AI服务市场</a> <a href="forum-9-1.html" target="_blank">大模型社区</a> </li> <li> <div class="hl_h5">网站服务</div> <a href="https://wpa.qq.com/msgrd?v=3&uin=515151560&site=qq&menu=yes" target="_blank" rel="nofollow">会员咨询：515151560</a> <a href="https://wpa.qq.com/msgrd?v=3&uin=515151570&site=qq&menu=yes" target="_blank" rel="nofollow">广告合作：515151570</a> <a href="https://wpa.qq.com/msgrd?v=3&uin=515151580&site=qq&menu=yes" target="_blank" rel="nofollow">投诉建议：515151580</a> <a href="https://wpa.qq.com/msgrd?v=3&uin=515151590&site=qq&menu=yes" target="_blank" rel="nofollow">售后指导：515151590</a> </li> <div class="clear"></div> </ul> <p style="font-size: 16px;color: #fff;width: 370px;text-align: center;margin-top: 5px;position: absolute; left:0px; bottom:0px"> 多链集团旗下-闲社网</p> </div> <div class="hl_ftm"> <div class="hl_h5">闲社网热线 </div> <div class="hl_h2">免费联系电话 </div> <div class="hl_fttel"> 0527-80111111 </div> <h6 class="cl mtm hl_time"><a href="http://wpa.b.qq.com/cgi/wpa.php?ln=1&key=XzkzODA1MTM1NF80NjQ5NDZfNDAwMDgwOTkxMV8yXw" target="_blank" rel="nofollow"><img src="template/xianshe/neoconex/qqline.png"></a> <a href="http://wpa.b.qq.com/cgi/wpa.php?ln=1&key=XzkzODA1MTM1NF80NjQ5NDZfNDAwMDgwOTkxMV8yXw" target="_blank" rel="nofollow"><img alt="qqline" title="qqline" src="template/xianshe/neoconex/qqline.png"></a></h6> <p class="hl_time">服务时间：周一到周日 8:00-24:00</p> </div> <div class="hl_ftl"> <ul> <li> <div class="hl_h5">公众号</div> <span style="font-size:18px;color: #fff;display: block;">闲社</span> <span style="font-size:18px;color: #fff;">APP下载闲社</span> </li> <div class="clear"></div> </ul> </div> <div class="hl_ftr"> <div class="hl_h5">关注闲社网</div> <div class="hl_guznzhuxx"> <ul> <li> <img alt="wxkf" title="wxkf" src="template/xianshe/neoconex/wxkf.jpg"> <p>闲社在线客服</p> </li> <li> <img alt="wx" title="wx" src="template/xianshe/neoconex/wx.jpg"> <p>关注闲社网微信</p> </li> <li style=" margin-right: 0;"> <img alt="app" title="app" src="template/xianshe/neoconex/app.png"> <p>闲社网APP</p> </li> <div class="clear"></div> </ul> </div> </div> <div class="clear"></div> </div> </div> </div> <div class="hl_ftbottom"> <div class="w1180 cl"> <div class="hl_ftblt"> <p> <a href="archiver/" rel="nofollow">Archiver</a><span>·</span><a href="forum.php?mobile=yes" rel="nofollow">手机版</a><span>·</span><span>闲社网·闲社论坛·羊毛社区· 多链控股集团有限公司</span> <span>·</span> <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">苏ICP备2025199260号-1</a></p> <p> Powered by <a href="http://www.discuz.net" target="_blank" rel="nofollow">Discuz!</a> <em>X5.0</em> © 2024-2025 <a href="https://www.xianshe.com/" target="_blank">闲社网·线报更新论坛·羊毛分享社区·http://xianshe.com</a> </p> </div> <div class="hl_ftrgh"> <a id="_pingansec_bottomimagelarge_p2p" rel="nofollow" href="https://kashen.com/d/?z6"><img alt="p2p_official_large" title="p2p_official_large" src="template/xianshe/neoconex/p2p_official_large.jpg" /></a> </div> <div class="clear"></div> </div> </div> </div> <div id="scrolltop"> <span hidefocus="true"><a title="返回顶部" onclick="window.scrollTo('0','0')" class="scrolltopa"><b>返回顶部</b></a></span> </div> <script type="text/javascript">_attachEvent(window, 'scroll', function () { showTopLink(); }); checkBlind();</script> </body> </html>

canvaCanva设计

canva

Canva Connect

What This Skill Does (and Doesn't Do)

Realistic Use Cases

Quick Start

Setup

1. Create Canva Integration

2. Configure Environment

3. Authenticate

Commands

AuthenticationCommandDescriptionINLINECODE10Start OAuth flow (opens browser)INLINECODE11 Check authentication status |

DesignsCommandDescriptionINLINECODE13List your designsINLINECODE14 Get design details |

ExportCommandDescriptionINLINECODE27Export designINLINECODE28 Check export job status |

AssetsCommandDescriptionINLINECODE35List uploaded assetsINLINECODE36 Upload asset |

Brand TemplatesCommandDescriptionINLINECODE39List brand templatesINLINECODE40 Get template details |

FoldersCommandDescriptionINLINECODE42List foldersINLINECODE43 Create folder |

UserCommandDescriptionINLINECODE45Get current user profile

Examples

Create and Export a Poster

Upload Brand Assets

Autofill a Template

API Reference

Troubleshooting

Token Expired

Rate Limited

Missing Scopes

Data Files

Canva Connect

此技能的功能与限制

实际应用场景

快速开始

身份验证（打开浏览器进行OAuth认证）

列出您的设计

创建新设计

导出设计

设置

1. 创建Canva集成

2. 配置环境

3. 身份验证

命令

身份验证命令描述auth启动OAuth流程（打开浏览器）auth status 检查身份验证状态 |

设计命令描述designs list [--limit N]列出您的设计designs get <id> 获取设计详情 |

Authentication
Command Description
INLINECODE10 Start OAuth flow (opens browser)
INLINECODE11
Check authentication status |

Designs
Command Description
INLINECODE13 List your designs
INLINECODE14
Get design details |

Export
Command Description
INLINECODE27 Export design
INLINECODE28
Check export job status |

Assets
Command Description
INLINECODE35 List uploaded assets
INLINECODE36
Upload asset |

Brand Templates
Command Description
INLINECODE39 List brand templates
INLINECODE40
Get template details |

Folders
Command Description
INLINECODE42 List folders
INLINECODE43
Create folder |

User
Command Description
INLINECODE45 Get current user profile

身份验证
命令描述
auth 启动OAuth流程（打开浏览器）
auth status
检查身份验证状态 |

设计
命令描述
designs list [--limit N] 列出您的设计
designs get <id>
获取设计详情 |