canvas-design

Generate static visuals from design prompts and export to PNG or PDF.

1|Updated Feb 6, 2026
One-click install
npx skills add https://github.com/hdkz-dev/multi-game-engines --skill canvas-design-hdkz-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas-design
Source: https://github.com/hdkz-dev/multi-game-engines/tree/main/.agent/skills/canvas-design
Command: npx skills add https://github.com/hdkz-dev/multi-game-engines --skill canvas-design-hdkz-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create visually compelling static designs for posters, art, and documents from design concepts, without manual drawing.

Core Features & Use Cases

  • HTML Canvas rendering for web visuals and Python imaging libraries to produce offline assets
  • Export outputs to PNG and PDF formats
  • Use cases include posters, branding assets, and static illustrations derived from design principles

Quick Start

Create a 1200x800 poster with a gradient background and bold typography.

Frequently Asked Questions about canvas-design

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

FAQPage Schema
How do I generate posters from design prompts without manual drawing?

You generate posters from design prompts by using automated rendering tools. This skill produces high-quality static visuals like posters and art pieces directly from text inputs, applying core design principles without requiring manual drawing.

Can I export HTML Canvas visuals to PDF for print?

Yes, you can export HTML Canvas visuals to PDF. The skill renders graphics using HTML Canvas or Python imaging libraries and explicitly supports exporting the generated static outputs to both PNG and PDF formats.

Does this skill apply color theory and typography automatically?

Yes, it applies color theory and typography automatically. The visual generation process enforces core design principles such as composition, color theory, and typography to ensure the resulting static graphics are visually compelling.

What is the best way to create branding assets from design principles?

The best way to create branding assets is using a principle-driven generation tool. This skill covers branding assets by rendering static visuals via HTML Canvas or Python imaging, enforcing composition and color theory to produce professional outputs.

How do I render a 1200x800 poster with a gradient background?

You render a 1200x800 poster with a gradient background using the Quick Start example. The skill accepts dimensional and stylistic parameters within design prompts to generate tailored static visuals like posters automatically.

Are there limitations when generating static illustrations for web and print?

A limitation of generating static illustrations is that outputs are strictly non-interactive. The skill focuses on static visuals for web and print via Canvas or Python imaging, meaning it does not support animated or dynamic graphical content.