askill
canvas

canvasSafety 90Repository

Generate and manipulate images using the HTML5 Canvas API through a headless browser or node-canvas.

3 stars
1.2k downloads
Updated 2/22/2026

Package Files

Loading files...
SKILL.md

Canvas

Create and manipulate images programmatically using canvas APIs.

Node.js (node-canvas)

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'));

Use Cases

  • Generate social media images
  • Create charts and graphs
  • Process and annotate screenshots
  • Build thumbnail generators

Install

Download ZIP
Requires askill CLI v1.0+

AI Quality Score

56/100Analyzed 2/25/2026

This skill provides a basic Node.js code example for image generation using node-canvas library. While the code is functional and well-structured, it lacks completeness (missing installation instructions, browser-based canvas, and comprehensive coverage). The tag 'ci-cd' is mismatched with canvas functionality. Has good clarity in code formatting and provides relevant use cases, but misses having an explicit 'when to use' trigger section.

90
55
45
35
50

Metadata

Licenseunknown
Version-
Updated2/22/2026
Publisherkody-w

Tags

ci-cd