typescript/skills/canvas/SKILL.md
Generate and manipulate images using the HTML5 Canvas API through a headless browser or node-canvas.
npx skillsauth add kody-w/openrappter canvasInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Create and manipulate images programmatically using canvas APIs.
const { createCanvas } = require('canvas');
const fs = require('fs');
const canvas = createCanvas(800, 600);
const ctx = canvas.getContext('2d');
ctx.fillStyle = '#1a1a2e';
ctx.fillRect(0, 0, 800, 600);
ctx.fillStyle = '#e94560';
ctx.font = 'bold 48px sans-serif';
ctx.fillText('Hello Canvas', 200, 300);
fs.writeFileSync('/tmp/canvas.png', canvas.toBuffer('image/png'));
development
Get current weather and forecasts (no API key required).
tools
Send and receive WhatsApp messages via wacli command-line tool.
tools
Start and manage voice calls via the openrappter voice-call plugin.
content-media
Extract frames from video files using ffmpeg for analysis or processing.