Canvas Design

If you need Claude to generate actual image files with compositions that follow basic design rules, this handles it through HTML Canvas or Python imaging libraries. It's not about UI components or web layouts. It's about creating static visual outputs like charts, diagrams, or graphics with attention to things like the rule of thirds, color harmony, and visual hierarchy. The skill documentation covers composition fundamentals and color theory with specific palettes (complementary, analogous, triadic). Useful when you want programmatic image generation that looks intentional rather than just functional. It has passed security audits from Gen Agent Trust Hub, Socket, and Snyk, with 223 installs and 1.1K stars on the parent repo.

Install to Claude Code

npx -y skills add skillcreatorai/ai-agent-skills --skill canvas-design --agent claude-code