Get the FREE Ultimate OpenClaw Setup Guide →

canvas-design

Scanned
npx machina-cli add skill ComposioHQ/awesome-claude-plugins/canvas-design --openclaw
Files (1)
SKILL.md
4.4 KB

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):

To capture the VISUAL essence, express how the philosophy manifests through:

  • Space and form
  • Color and material
  • Scale and rhythm
  • Composition and balance
  • Visual hierarchy

CRITICAL GUIDELINES:

  • Avoid redundancy: Each design aspect should be mentioned once.
  • Emphasize craftsmanship REPEATEDLY: The philosophy MUST stress multiple times that the final work should appear as though it took countless hours to create, was labored over with care, and comes from someone at the absolute top of their field.
  • Leave creative space: Remain specific about the aesthetic direction, but concise enough that there's room for interpretive choices.

PHILOSOPHY EXAMPLES

"Concrete Poetry" Philosophy: Communication through monumental form and bold geometry. Visual expression: Massive color blocks, sculptural typography (huge single words, tiny labels), Brutalist spatial divisions, Polish poster energy meets Le Corbusier.

"Chromatic Language" Philosophy: Color as the primary information system. Visual expression: Geometric precision where color zones create meaning. Typography minimal - small sans-serif labels letting chromatic fields communicate. Think Josef Albers' interaction meets data visualization.

"Analog Meditation" Philosophy: Quiet visual contemplation through texture and breathing room. Visual expression: Paper grain, ink bleeds, vast negative space. Photography and illustration dominate. Typography whispered (small, restrained, serving the visual). Japanese photobook aesthetic.

CANVAS CREATION

With both the philosophy and the conceptual framework established, express it on a canvas. Use the design philosophy created and the instructions below to craft a masterpiece.

IMPORTANT: For any type of content, even if the user requests something for a movie/game/book, the approach should still be sophisticated. Never lose sight of the idea that this should be art, not something that's cartoony or amateur.

To create museum or magazine quality work, use the design philosophy as the foundation. Create one single page, highly visual, design-forward PDF or PNG output. Generally use repeating patterns and perfect shapes. Treat the abstract philosophical design as if it were a scientific bible.

Text as a contextual element: Text is always minimal and visual-first, but let context guide whether that means whisper-quiet labels or bold typographic gestures. Most of the time, font should be thin. All use of fonts must be design-forward and prioritize visual communication. Regardless of text scale, nothing falls off the page and nothing overlaps.

CRITICAL: To achieve human-crafted quality (not AI-generated), create work that looks like it took countless hours. Make it appear as though someone at the absolute top of their field labored over every detail with painstaking care.

Output the final result as a single, downloadable .pdf or .png file, alongside the design philosophy used as a .md file.

Source

git clone https://github.com/ComposioHQ/awesome-claude-plugins/blob/master/canvas-design/skills/canvas-design/SKILL.mdView on GitHub

Overview

canvas-design creates original visual art by first crafting a design philosophy (a visual movement) and then expressing it on a single-page canvas. The final work is museum/magazine-quality and delivered as a .pdf or .png, with minimal text and strong emphasis on form, color, and composition.

How This Skill Works

Step 1: Develop a visual philosophy (name, 4-6 concise paragraphs, focus on space, color, rhythm). Step 2: Express the philosophy on a canvas as a highly visual, one-page piece using repeating patterns and precise shapes. The result should be 90% visual design with 10% essential text, delivered as a .pdf or .png.

When to Use It

  • When the user asks to create a poster or wall art with a distinct visual philosophy
  • When the user wants an original, non-copyrighted design piece for a static piece or cover
  • When a museum- or magazine-quality single-page canvas is required
  • When the brief demands minimal text used as a visual accent
  • When a design-forward, pattern-rich artwork is needed for branding or presentation

Quick Start

  1. Step 1: Name the movement and articulate the philosophy (4-6 paragraphs).
  2. Step 2: Design a single-page canvas using space, color, and rhythm with minimal text.
  3. Step 3: Export the piece as a museum-quality .pdf or .png and deliver.

Best Practices

  • Develop a unique movement name (1-2 words) and a clear visual philosophy
  • Outline 4-6 concise paragraphs detailing space, color, scale, rhythm, and balance
  • Prioritize craftsmanship; ensure the final piece feels laboriously created at top quality
  • Use repeating patterns, perfect shapes, and minimal typography
  • Deliver a single-page canvas in .pdf or .png with strong visual hierarchy

Example Use Cases

  • Brutalist Joy poster
  • Chromatic Language wall art
  • Analog Meditation book cover
  • Concrete Poetry magazine spread
  • Metabolist Dreams poster

Frequently Asked Questions

Add this skill to your agents
Sponsor this space

Reach thousands of developers