Use Case
Stop doing repetitive design & creative tasks manually. Canvas lets your AI agent handle them automatically through natural conversation. Display and control HTML content on connected Mac, iOS, or Android nodes via a web-based canvas with live reload and remote actions. This guide shows practical examples of using Canvas to automate common design & creative workflows and save hours every week.
Install Canvas: npx clawhub@latest --dir ~/.claude/skills install canvas
Identify the repetitive design & creative tasks you want to automate
Describe the task to your AI in plain English
Canvas will execute the task and return results directly in the chat
Chain multiple tasks: ask your AI to run a sequence of operations
Copy these prompts and use them with your AI agent after installing Canvas
Automate my design & creative tasks using Canvas
What repetitive tasks can Canvas handle for me?
Set up a workflow that runs Canvas every morning
Select your agent
Option 1: Install via CLI (recommended)
Recommended (no pre-install needed)
npx clawhub@latest --dir ~/.claude/skills install canvasOr via clawhub CLI (if already installed)
clawhub --dir ~/.claude/skills install canvasβ οΈ Requires Node.js 18+. No Node? Use Option 2 below to download the ZIP instead. Install Node.js β
Option 2: Manual install (no Node required)
Download the ZIP, extract it, and place the folder at the path below. Restart your agent to activate.
Install path
~/.claude/skills/canvas/π‘Extract and place the folder at the path above, then restart your agent.