# composio-canvas-design

> Design and create canvas-based UIs, graphics, and visual content. Use when user wants to create visual interfaces, graphics, or canvas-based components.

- Author: ghchris2021
- Repository: davidkimai/claude-blog
- Version: 20260131161012
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/davidkimai/claude-blog
- Web: https://mule.run/skillshub/@@davidkimai/claude-blog~composio-canvas-design:20260131161012

---

---
name: composio-canvas-design
description: Design and create canvas-based UIs, graphics, and visual content. Use when user wants to create visual interfaces, graphics, or canvas-based components.
metadata: {"clawdis":{"emoji":"🎯"}}
---

# Composio Canvas Design

Design canvas-based UIs and visual content.

## When to Trigger

**Use when user mentions:**
- Canvas design, canvas UI, HTML5 canvas
- Graphics creation, visual components
- "Create a canvas", "design a canvas"
- Interactive graphics, data visualization
- Canvas animation, drawing APIs

## Content Source

Cloned from: `~/crabwalk-install/composio-skills/canvas-design/`

## Key Concepts

### Canvas Basics
- 2D drawing context
- Coordinate systems
- Shapes and paths
- Text rendering

### Best Practices
- Optimize for performance
- Handle high DPI displays
- Implement proper event handling
- Use requestAnimationFrame

## Example Triggers

- "Create a canvas component"
- "Design a chart with canvas"
- "Interactive canvas graphics"
- "Canvas-based data visualization"