Canvas Design
Overview
This skill guides creation of original visual art in PNG and PDF formats using design philosophy principles. Emphasize craftsmanship and express aesthetic movements visually rather than through text.
When to Use
- Creating museum-quality visual artifacts
- Generating design manifestos with visual expression
- Building artistic compositions for presentations or publications
- Producing abstract art for branding or decoration
- Any project requiring 90%+ visual design with minimal text
Quick Start
- Write design philosophy (4-6 paragraphs articulating visual essence)
- Choose visual style (geometric, organic, structured chaos, typographic)
- Select implementation (PIL/Pillow, Cairo, SVG)
- Execute with precision (museum-quality craftsmanship)
- Export (PNG at 300 DPI or vector PDF)
# Quick geometric composition
from PIL import Image, ImageDraw
import math
canvas = Image.new('RGB', (2400, 3200), '#0a0a0a')
draw = ImageDraw.Draw(canvas)
# Golden ratio spiral
phi = (1 + math.sqrt(5)) / 2
center_x, center_y = 1200, 1600
for i in range(50):
angle = i * phi * 2 * math.pi
radius = i * 8
x = center_x + radius * math.cos(angle)
y = center_y + radius * math.sin(angle)
size = max(2, 20 - i * 0.3)
draw.ellipse([x-size, y-size, x+size, y+size], fill='#c084fc')
canvas.save('composition.png', quality=95)
Related Skills
Version History
- 2.0.0 (2026-01-02): Upgraded to v2 template - added Quick Start, When to Use, Execution Checklist, Error Handling, Metrics sections
- 1.0.0 (2024-10-15): Initial release with PIL/Pillow, Cairo, SVG implementations, visual styles, quality guidelines
Sub-Skills
- Execution Checklist
- Error Handling
- Metrics
Sub-Skills
- Step 1: Design Philosophy (.md) (+1)
- Visual Supremacy (+4)
- Using Python (PIL/Pillow) (+2)
- Geometric Minimalism (+3)
- PNG Format (+1)
- Philosophy
1---2name: canvas-design3description: Create original visual art in PNG and PDF formats using design philosophy principles. Express aesthetic movements visually with minimal text. Use for creating museum-quality visual artifacts, design manifestos, and artistic compositions.4---56# Canvas Design78## Overview910This skill guides creation of original visual art in PNG and PDF formats using design philosophy principles. Emphasize craftsmanship and express aesthetic movements visually rather than through text.1112## When to Use1314- Creating museum-quality visual artifacts15- Generating design manifestos with visual expression16- Building artistic compositions for presentations or publications17- Producing abstract art for branding or decoration18- Any project requiring 90%+ visual design with minimal text1920## Quick Start21221. **Write design philosophy** (4-6 paragraphs articulating visual essence)232. **Choose visual style** (geometric, organic, structured chaos, typographic)243. **Select implementation** (PIL/Pillow, Cairo, SVG)254. **Execute with precision** (museum-quality craftsmanship)265. **Export** (PNG at 300 DPI or vector PDF)2728```python29# Quick geometric composition30from PIL import Image, ImageDraw31import math3233canvas = Image.new('RGB', (2400, 3200), '#0a0a0a')34draw = ImageDraw.Draw(canvas)3536# Golden ratio spiral37phi = (1 + math.sqrt(5)) / 238center_x, center_y = 1200, 160039for i in range(50):40 angle = i * phi * 2 * math.pi41 radius = i * 842 x = center_x + radius * math.cos(angle)43 y = center_y + radius * math.sin(angle)44 size = max(2, 20 - i * 0.3)45 draw.ellipse([x-size, y-size, x+size, y+size], fill='#c084fc')4647canvas.save('composition.png', quality=95)48```4950## Related Skills5152- [algorithmic-art](../algorithmic-art/SKILL.md) - Generative art with p5.js53- [frontend-design](../frontend-design/SKILL.md) - Web interface design54- [theme-factory](../theme-factory/SKILL.md) - Color and typography systems5556---5758## Version History5960- **2.0.0** (2026-01-02): Upgraded to v2 template - added Quick Start, When to Use, Execution Checklist, Error Handling, Metrics sections61- **1.0.0** (2024-10-15): Initial release with PIL/Pillow, Cairo, SVG implementations, visual styles, quality guidelines6263## Sub-Skills6465- [Execution Checklist](execution-checklist/SKILL.md)66- [Error Handling](error-handling/SKILL.md)67- [Metrics](metrics/SKILL.md)6869## Sub-Skills7071- [Step 1: Design Philosophy (.md) (+1)](step-1-design-philosophy-md/SKILL.md)72- [Visual Supremacy (+4)](visual-supremacy/SKILL.md)73- [Using Python (PIL/Pillow) (+2)](using-python-pilpillow/SKILL.md)74- [Geometric Minimalism (+3)](geometric-minimalism/SKILL.md)75- [PNG Format (+1)](png-format/SKILL.md)76- [Philosophy](philosophy/SKILL.md)