canvas-cli

Generate 2D raster images and technical diagrams from declarative text command scripts.

60|7|Updated Mar 29, 2026
One-click install
npx skills add https://github.com/echosoar/canvas-cli --skill canvas-cli
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas-cli
Source: https://github.com/echosoar/canvas-cli/tree/main
Command: npx skills add https://github.com/echosoar/canvas-cli --skill canvas-cli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the difficulty of generating custom 2D images, technical diagrams, and visual assets without requiring a graphical design application or complex programming setup. It allows users to create precise raster graphics through simple, human-readable text commands.

Core Features & Use Cases

  • Text-Driven Image Generation: Create PNG images by writing simple script files or inline command strings that define canvas size, shapes, colors, and text.
  • Image Composition & SVG Rendering: Composite existing PNG images with cropping and scaling, or render SVG vector graphics directly to raster output.
  • Use Case: A developer can generate a system architecture diagram with grid backgrounds, rounded rectangles, and color-coded service modules by providing a short text script to an AI model.

Quick Start

Use the canvas-cli skill to create a 1080x200 promotional banner with a radial gradient background and centered text reading "Summer Sale", then export it as a PNG file.

Frequently Asked Questions about canvas-cli

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate 2D images and technical diagrams from text commands?

You can generate 2D images and technical diagrams by writing declarative text command scripts that define canvas size, shapes, colors, and text. This approach outputs PNG or Base64 raster graphics without needing a graphical design application.

Can I render SVG vector graphics to PNG without installing complex dependencies?

Yes, you can render SVG vector graphics directly to raster output using a zero-dependency Rust CLI executable. It supports importing SVG files and compositing them with canvas primitives to produce PNG images.

How do I create a system architecture diagram with color-coded modules programmatically?

To create a system architecture diagram, provide a short text script to define grid backgrounds, rounded rectangles, and color-coded service modules. The script is processed to generate a precise raster visualization for software documentation.

Does this image generation method support gradients and text rendering for promotional banners?

Yes, this image generation method supports canvas primitives, gradients, and text rendering. You can create promotional banners by defining canvas dimensions, applying a radial gradient background, and rendering centered text.

What are the limitations of using a CLI for 2D drawing compared to graphical design applications?

Using a CLI for 2D drawing requires writing declarative text scripts instead of using an interactive visual interface. It is designed for programmatic image composition workflows requiring PNG or Base64 output, meaning it lacks real-time visual editing capabilities.