This creates visual art by first generating a design philosophy (think "Brutalist Joy" or "Chromatic Silence") and then expressing it as a downloadable PNG or PDF. It's built for posters, album covers, anything static and visual. The instructions emphasize craftsmanship repeatedly, pushing for work that looks like it took hours from someone at the top of their field. Text is minimal by default, serving the visual rather than dominating it. The two-step approach is interesting: you get a markdown file with the aesthetic movement, then a finished piece that interprets it. Works best when you want design-forward output, not quick mockups or templates.

GitHub stars
1.7K
last updated
May 1, 2026

Install

$ npx -y skills add composiohq/awesome-claude-plugins --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:

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

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.

HOW TO GENERATE A VISUAL PHILOSOPHY

Name the movement (1-2 words): "Brutalist Joy" / "Chromatic Silence" / "Metabolist Dreams"

Articulate the philosophy (4-6 paragraphs - concise but complete):

Sponsors

Details

Repository
github.com/composiohq/awesome-claude-plugins
Categories
Design & UI/UX, Office & Documents
First seen
Jun 11, 2026

More from composiohq/awesome-claude-plugins

All 23
1Prat011 avatarcanvas-designPrat011/awesome-llm-skillsCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, d0skills.sh installs
2rknall avatarWeb Design Builderrknall/claude-skillsCreate and refactor HTML5/JavaScript web designs from specifications or descriptions. Generates complete, accessible, responsive web designs with modern framewo0skills.sh installs
3vercel-labs avatarweb-design-guidelinesvercel-labs/agent-skillsReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site 843.6Kskills.sh installs
4emilkowalski avatarfind-animation-opportunitiesemilkowalski/skillsSearch a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does244.1Kskills.sh installs
5emilkowalski avataranimation-performanceemilkowalski/skillsKeep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when the page is busy, and find the cause when 72.2Kskills.sh installs
6heygen-com avatarmotion-doctrineheygen-com/hyperframesGATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a multi-scene video feel like ONE continuous came62.2Kskills.sh installs