canva-hello-world
Create a minimal working Canva example. Use when starting a new Canva integration, testing your setup, or learning basic Canva API patterns. Trigger with phrases like "canva hello world", "canva example", "canva quick start", "simple canva code".
claude-code
Allowed Tools
ReadWriteEdit
Provided by Plugin
canva-pack
Claude Code skill pack for Canva (30 skills)
Installation
This skill is included in the canva-pack plugin:
/plugin install canva-pack@claude-code-plugins-plusClick to copy
Instructions
Canva Hello World
Overview
Minimal working example demonstrating core Canva functionality.
Prerequisites
- Completed
canva-install-authsetup - Valid API credentials configured
- Development environment ready
Instructions
Step 1: Create Entry File
Create a new file for your hello world example.
Step 2: Import and Initialize Client
import { CanvaClient } from '@canva/sdk';
const client = new CanvaClient({
apiKey: process.env.CANVA_API_KEY,
});
Step 3: Make Your First API Call
async function main() {
// Your first API call here
}
main().catch(console.error);
Output
- Working code file with Canva client initialization
- Successful API response confirming connection
- Console output showing:
Success! Your Canva connection is working.
Error Handling
| Error | Cause | Solution |
|---|---|---|
| Import Error | SDK not installed | Verify with npm list or pip show |
| Auth Error | Invalid credentials | Check environment variable is set |
| Timeout | Network issues | Increase timeout or check connectivity |
| Rate Limit | Too many requests | Wait and retry with exponential backoff |
Examples
TypeScript Example
import { CanvaClient } from '@canva/sdk';
const client = new CanvaClient({
apiKey: process.env.CANVA_API_KEY,
});
async function main() {
// Your first API call here
}
main().catch(console.error);
Python Example
from canva import CanvaClient
client = CanvaClient()
# Your first API call here
Resources
Next Steps
Proceed to canva-local-dev-loop for development workflow setup.