---

name: canvas-design description: Create visual designs, graphics, and layouts using HTML Canvas API or design tools for data visualization, graphics, animations, and interactive visual content. Use when creating data visualizations, building interactive graphics, implementing drawing tools, creating charts and diagrams, building game graphics, implementing image manipulation, or creating dynamic visual content.

Canvas Design - Visual Art Creation

When to use this skill

• Creating custom data visualizations
• Building interactive graphics and diagrams
• Implementing drawing and sketching tools
• Creating charts that go beyond libraries
• Building 2D game graphics and sprites
• Implementing image filters and manipulation
• Creating dynamic animations
• Building signature capture tools
• Creating custom visual effects
• Implementing visual editors
• Building infographic generators
• Creating interactive maps and diagrams

When to use this skill

• Creating posters, designs, static visuals.
• When working on related tasks or features
• During development that requires this expertise

Use when: Creating posters, designs, static visuals.

Tools

• Figma
• Canva
• Adobe Creative Suite

Principles

• Visual hierarchy
• Color theory
• Typography
• White space