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.
Installs into .claude/skills of the current project.
Are you the author of Canvas Design?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/fabric-pro-canvas-design)
---
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
