Canvas

Process

1. Understand the brief -- what is the artifact for? Who is the audience? What feeling should it evoke?
2. Read handlers/philosophy.md -- create a design philosophy (aesthetic movement) for this artifact
3. Name the movement (1-2 words) -- e.g., "Brutalist Joy", "Chromatic Silence", "Metabolist Dreams"
4. Articulate the philosophy (4-6 paragraphs covering: space/form, color/material, scale/rhythm, composition/balance, visual hierarchy)
5. Read handlers/canvas-creation.md -- apply the visual standards and craftsmanship rules
6. Deduce the subtle reference -- identify conceptual threads from the brief. Embed within the art -- sophisticated for those who know the subject, masterful abstract composition for others
7. Create the canvas -- express the philosophy visually. 90% visual design, 10% essential text
8. Self-review -- does this look like it belongs in a museum or magazine? If not, refine.
9. Read handlers/examples.md for inspiration if needed

Quick Reference

Rendering

Generate as self-contained HTML, then render to PDF via browser print or Puppeteer. For vector output, use SVG.

Refinement Rules

When told work isn't perfect enough:

• Refine what exists rather than adding new graphics
• Make composition more cohesive with the art
• Ask: "How can I make what's already here more of a piece of art?"
• Avoid new functions or shapes -- polish existing elements

Multi-Page Support

Additional pages should follow the same design philosophy but distinctly vary. Bundle in same PDF or multiple PNGs. Pages should almost tell a story in tasteful way while exercising full creative freedom.

Integration

• Called by: user directly, /ai-design (when visual artifacts are needed), /ai-media (for visual direction)
• Consumed by: ai-slides (aesthetic philosophy), ai-media (visual direction for generated assets)
• Does NOT call: other skills -- this skill produces final artifacts

Common Mistakes

• Using generic stock photo aesthetics instead of creating a philosophy
• Too much text -- remember: 90% visual, 10% text
• Lack of craftsmanship -- every spacing, color choice, and alignment must scream expertise
• Not creating a named movement -- the philosophy gives the piece coherence
• Announcing the conceptual reference instead of embedding it subtly

$ARGUMENTS