This creates visual art pieces by first generating a design philosophy, then expressing it through actual canvas output in PNG or PDF format. It's meant for posters, static designs, and artistic pieces where you want something that looks meticulously crafted rather than quick mockups. The approach is interesting: it writes an aesthetic manifesto first (think "Brutalist Joy" or "Chromatic Silence"), then interprets that philosophy visually with minimal text and maximum visual weight. Works best when you want sophisticated, abstract compositions rather than literal illustrations. The emphasis on craftsmanship and avoiding amateur looking output is notable, though whether it consistently delivers on that promise depends on how well the two step process translates philosophy into pixels.

skills.sh installs
439
GitHub stars
33.2K
last updated
Aug 21, 2026

Install

$ npx -y skills add davila7/claude-code-templates --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)

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:

  • Write a manifesto for an art movement
  • The next phase involves making the artwork

Sponsors

Details

Repository
github.com/davila7/claude-code-templates
Categories
Design & UI/UX, Office & Documents
First seen
Jun 3, 2026

More from davila7/claude-code-templates

All 618
1eachlabs avatarresume-design-generationeachlabs/skillsGenerate professional resume and CV designs using each::sense AI. Create modern, creative, minimalist, executive, tech, academic, infographic, two-column, ATS-f378skills.sh installs
2eachlabs avatarmenu-design-generationeachlabs/skillsGenerate professional restaurant, cafe, and bar menu designs using each::sense AI. Create print-ready menus, digital displays, QR code menus, and seasonal speci371skills.sh installs
3eachlabs avatartshirt-design-generationeachlabs/skillsGenerate print-ready t-shirt and apparel designs using each::sense AI. Create graphic tees, typography designs, vintage styles, illustrations, and more for cust354skills.sh installs
4davila7 avatarfigmadavila7/claude-code-templatesUse the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when331skills.sh installs
5adobe avataradobe-design-from-templateadobe/skillsCreate any visual design using Adobe Express templates — including flyers, posters, banners, social media posts (Instagram stories, Facebook posts, LinkedIn gra305skills.sh installs
6raphaelsalaja avatar12-principles-of-animationraphaelsalaja/userinterface-wikiAudit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animations, or checking animation quality. Outputs 275skills.sh installs