Claude Code Plugins

Community-maintained marketplace

Feedback

canvas-design

@korallis/Droidz
91
1

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.

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

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