Canvas Design

composiohq/awesome-claude-skillsOfficial

This is for when you need actual visual design work, not just mockups or layouts. It works in two phases: first it generates a design philosophy (think "Brutalist Joy" or "Chromatic Silence"), then creates a PDF or PNG expressing that aesthetic. The philosophy documents are surprisingly specific about things like spatial communication and color theory, and there's heavy emphasis on making output look meticulously crafted rather than AI-generated. The interesting bit is how it handles requests: it treats user input as a subtle conceptual reference to weave into the design rather than literal requirements. Best for posters, art pieces, or anything where you want a coherent visual style rather than just following a brief.

skills.sh installs: 4.9K
GitHub stars: 79.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add composiohq/awesome-claude-skills --skill canvas-design --agent claude-code

Installs into .claude/skills of the current project.

Files

These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.

Complete this in two steps:

Design Philosophy Creation (.md file)
Express by creating it on a canvas (.pdf file or .png file)

First, undertake this task:

DESIGN PHILOSOPHY CREATION

To begin, create a VISUAL PHILOSOPHY (not layouts or templates) that will be interpreted through:

Form, space, color, composition
Images, graphics, shapes, patterns
Minimal text as visual accent

THE CRITICAL UNDERSTANDING

What is received: Some subtle input or instructions by the user that should be taken into account, but used as a foundation; it should not constrain creative freedom.
What is created: A design philosophy/aesthetic movement.
What happens next: Then, the same version receives the philosophy and EXPRESSES IT VISUALLY - creating artifacts that are 90% visual design, 10% essential text.

Consider this approach: