canvas-design

Create original visual artwork as PNG or PDF files from a written design philosophy.

Updated May 24, 2026
One-click install
npx skills add https://github.com/MWest2020/skill-forge --skill canvas-design-mwest2020
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas-design
Source: https://github.com/MWest2020/skill-forge/tree/main/skills/canvas-design
Command: npx skills add https://github.com/MWest2020/skill-forge --skill canvas-design-mwest2020

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires weasyprint, reportlab, pillow.

What problem does it solve? Turning a vague creative request into a polished, original piece of visual art is hard to do consistently. This Skill structures the process: it first writes a named design philosophy (an aesthetic movement manifesto), then deduces the subtle conceptual reference in the request, and finally renders a finished single-page artwork as a .png or .pdf file. ## Core Features & Use Cases - Design Philosophy Generation: Writes a 4-6 paragraph manifesto for a named aesthetic movement (e.g., "Chromatic Silence") saved as a Markdown file. - Headless Rendering Pipeline: Composes the artwork as a fixed-size HTML/CSS page and renders it via headless Chromium, with WeasyPrint, ReportLab, or Pillow as fallbacks. - Iterative Refinement: Treats the first render as a draft and polishes spacing, color, and typography until the piece meets a museum-quality bar. - Use Case: A user asks for a poster for a jazz club's 30th anniversary. The Skill writes a philosophy document, embeds a subtle piano-keyboard reference into an abstract composition, and delivers a print-ready PNG. ## Quick Start Ask the agent to create a poster or piece of art for your subject, and it will produce a design philosophy document plus a rendered PNG or PDF artwork.

Frequently Asked Questions about canvas-design

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

FAQPage Schema
How do I create a poster or artwork with this skill?

Describe the subject or occasion for the artwork in natural language. The skill writes a design philosophy as a Markdown file, deduces a subtle conceptual reference from your request, then renders a finished PNG or PDF canvas.

How does the skill render HTML to PNG or PDF?

It composes the artwork as a fixed-size HTML/CSS page and renders it with headless Chromium using --screenshot for PNG or --print-to-pdf for PDF. If Chromium is unavailable, it falls back to WeasyPrint, ReportLab, or Pillow in Python.

What output formats does canvas-design support?

The skill produces a design philosophy as a .md file and the finished artwork as a .png or .pdf file. Multi-page requests are bundled into a single PDF or a set of PNG files.

Can I use custom fonts in the generated artwork?

Yes. Place font files in a ./canvas-fonts directory and the skill loads them with @font-face rules. If the directory is absent, it falls back to installed system fonts listed via fc-list, and it does not silently download fonts from the network.

What if Chromium is not installed on my system?

The skill tries google-chrome or chromium-browser as alternatives on PATH. If none are available, it uses Python fallbacks: WeasyPrint for HTML-to-PDF rendering, or ReportLab and Pillow for fully programmatic drawing.