Skip to main content
Create beautiful visual art and design pieces as static PNG or PDF files. This skill is ideal for posters, art prints, visual designs, and other static creative work.

Overview

The canvas design skill follows a two-step creative process:
  1. Design Philosophy Creation - Define an aesthetic movement
  2. Express Visually - Create the artwork on canvas (PDF or PNG)
This skill creates art objects, not documents with decoration. Output is 90% visual design, 10% essential text.

Core Workflow

Step 1: Create a Design Philosophy

Before creating the artwork, define a visual philosophy that will be interpreted through:
  • Form, space, color, composition
  • Images, graphics, shapes, patterns
  • Minimal text as visual accent
Name the movement (1-2 words):
  • “Brutalist Joy”
  • “Chromatic Silence”
  • “Metabolist Dreams”
  • “Concrete Poetry”
  • “Geometric Silence”
Articulate the philosophy (4-6 paragraphs) addressing:
  • How does this manifest through space and form?
  • What color and material choices define it?
  • How do scale and rhythm work?
  • What composition and balance principles apply?
  • How is visual hierarchy established?

Step 2: Express on Canvas

Implement the philosophy as a visual artifact (PDF or PNG) with:
  • Museum or magazine quality execution
  • Single page, highly visual, design-forward output (unless multiple pages requested)
  • Repeating patterns and perfect shapes
  • Sparse, clinical typography and systematic reference markers
  • Limited, intentional color palette

Philosophy Examples

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. Ideas expressed through visual weight and spatial tension, not explanation. Text as rare, powerful gesture - never paragraphs, only essential words integrated into the visual architecture.
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. Information encoded spatially and chromatically. Words only to anchor what color already shows.
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. Images breathe across pages. Text appears sparingly - short phrases, never explanatory blocks.
Philosophy: Natural clustering and modular growth patterns.Visual expression: Rounded forms, organic arrangements, color from nature through architecture. Information shown through visual diagrams, spatial relationships, iconography. Text only for key labels floating in space. The composition tells the story through expert spatial orchestration.
Philosophy: Pure order and restraint.Visual expression: Grid-based precision, bold photography or stark graphics, dramatic negative space. Typography precise but minimal - small essential text, large quiet zones. Swiss formalism meets Brutalist material honesty. Structure communicates, not words.

Design Guidelines

Visual Philosophy Principles

The philosophy must guide expression of ideas visually, not through text. Information lives in design, not paragraphs.
Critical Guidelines:
  • Avoid redundancy: Each design aspect mentioned once
  • Emphasize craftsmanship repeatedly: Final work must appear to have taken countless hours
  • Leave creative space: Be specific about aesthetic direction but allow interpretive choices

Text as Contextual Element

Text is always minimal and visual-first, but context guides whether that means:
  • Whisper-quiet labels
  • Bold typographic gestures (e.g., punk venue poster vs minimalist ceramics studio)
Most of the time, font should be thin. All use of fonts must be design-forward and prioritize visual communication.
Typography Requirements:
  • Use different, interesting fonts from the ./canvas-fonts directory
  • Nothing falls off the page
  • Nothing overlaps
  • All elements contained within canvas boundaries with proper margins
  • Every element has breathing room and clear separation

Craftsmanship Standards

CRITICAL: 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.
Focus on:
  • Composition that feels expert-level
  • Perfect spacing and alignment
  • Intentional color choices
  • Flawless typography integration
  • No overlaps or formatting issues
  • Every detail refined to perfection

Canvas Creation Process

Treat the abstract philosophical design as if it were a scientific bible:
  • Borrow visual language of systematic observation
  • Dense accumulation of marks, repeated elements, layered patterns
  • Build meaning through patient repetition
  • Reward sustained viewing
  • Add sparse, clinical typography and systematic reference markers
  • Suggest this could be a diagram from an imaginary discipline
  • Anchor with simple phrases positioned subtly
  • Use limited color palette that feels intentional and cohesive
Embrace using analytical visual language to express ideas about human experience. The result should feel like an artifact that proves something ephemeral can be studied, mapped, and understood through careful attention.

Font Integration

Download and use whatever fonts are needed. Get creative by making typography part of the art itself - if the art is abstract, bring the font onto the canvas, not typeset digitally.
Search the ./canvas-fonts directory for available fonts. Use different fonts when writing text to maintain sophistication.

Deducing the Subtle Reference

CRITICAL STEP: Before creating the canvas, identify the subtle conceptual thread from the original request.
The topic is a subtle, niche reference embedded within the art itself:
  • Not always literal, always sophisticated
  • Someone familiar with the subject should feel it intuitively
  • Others simply experience a masterful abstract composition
  • The design philosophy provides the aesthetic language
  • The deduced topic provides the soul - quiet conceptual DNA woven invisibly into form, color, and composition
Think like a jazz musician quoting another song - only those who know will catch it, but everyone appreciates the music.

Final Refinement

The user ALREADY said: “It isn’t perfect enough. It must be pristine, a masterpiece of craftsmanship, as if it were about to be displayed in a museum.”
To refine the work:
  • Avoid adding more graphics
  • Refine what has been created
  • Make it extremely crisp
  • Respect the design philosophy and principles of minimalism entirely
  • Rather than adding a fun filter or refactoring a font, make the existing composition more cohesive
  • If the instinct is to call a new function or draw a new shape, STOP
  • Ask: “How can I make what’s already here more of a piece of art?”
Take a second pass - Go back to the code and refine/polish further to make this a philosophically designed masterpiece.

Multi-Page Option

When requested, create more creative pages along the same lines as the design philosophy but distinctly different:
  • Bundle pages in the same PDF or many PNGs
  • Treat the first page as a single page in a whole coffee table book
  • Make next pages unique twists and memories of the original
  • Have them almost tell a story in a tasteful way
  • Exercise full creative freedom

Essential Principles

  • VISUAL PHILOSOPHY: Create an aesthetic worldview to be expressed through design
  • MINIMAL TEXT: Text is sparse, essential-only, integrated as visual element - never lengthy
  • SPATIAL EXPRESSION: Ideas communicate through space, form, color, composition - not paragraphs
  • ARTISTIC FREEDOM: Provide creative room for visual interpretation
  • PURE DESIGN: Make art objects, not documents with decoration
  • EXPERT CRAFTSMANSHIP: Final work must look meticulously crafted, labored over with care, the product of countless hours by someone at the top of their field

Output Files

  1. Design Philosophy (.md file) - The aesthetic manifesto (4-6 paragraphs)
  2. Final Artwork (.pdf or .png file) - The visual expression of the philosophy
Create original visual designs, never copying existing artists’ work to avoid copyright violations.

Context & Sophistication

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.
Regardless of approach, sophistication is non-negotiable. Push boundaries, follow design instinct/intuition while using the philosophy as a guiding principle. Embrace ultimate design freedom and choice. Push aesthetics and design to the frontier.

Build docs developers (and LLMs) love