Create visual designs programmatically: generate PNG and PDF output, draw shapes and text, apply transformations, and create data visualizations.
When to use this skill
- Generating a PNG image
- Creating a PDF with custom graphics
- Drawing charts programmatically
Core concepts
This skill provides guidance on canvas design best practices, patterns, and common pitfalls. It is designed to be loaded on demand when a relevant task is detected.
Installation
curl -LO https://opencode-skills.example/downloads/design/canvas-design.zip
unzip canvas-design.zip -d ~/.config/opencode/skills/Restart OpenCode — the skill loads automatically.
When it triggers
- generating a PNG image
- creating a PDF with custom graphics
- drawing charts programmatically