Agent skill
canvas-design
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.
Install this agent skill to your Project
npx add-skill https://github.com/vamseeachanta/workspace-hub/tree/main/.claude/skills/business/content-design/canvas-design
SKILL.md
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
- algorithmic-art - Generative art with p5.js
- frontend-design - Web interface design
- theme-factory - Color and typography systems
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
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
gsd-complete-milestone
Archive completed milestone and prepare for next version
gsd-reapply-patches
Reapply local modifications after a GSD update
gsd-verify-work
Validate built features through conversational UAT
gsd-thread
Manage persistent context threads for cross-session work
clinical-trial-protocol
Generate clinical trial protocols for medical devices or drugs through a modular, waypoint-based architecture with research-only and full protocol modes.
single-cell-rna-qc
Performs quality control on single-cell RNA-seq data (.h5ad or .h5 files) using scverse best practices with MAD-based filtering and comprehensive visualizations.
Didn't find tool you were looking for?