/canvas
Present hosted widget documents on a connected macOS panel and control panel visibility or navigation.
Claude Code
$ npx -y skills add openclaw/openclaw --skill canvas --agent claude-code
Codex
$ npx skills add openclaw/openclaw --skill canvas -a codex -y
Cursor
$ npx skills add openclaw/openclaw --skill canvas -a cursor -y
Gemini CLI
$ npx skills add openclaw/openclaw --skill canvas -a gemini-cli -y
GitHub Copilot
$ npx skills add openclaw/openclaw --skill canvas -a github-copilot -y
OpenCode
$ npx skills add openclaw/openclaw --skill canvas -a opencode -y
Windsurf
$ npx skills add openclaw/openclaw --skill canvas -a windsurf -y
SKILL.md
canvas.SKILL.mdname: canvas
description: "Present hosted widget documents on a connected macOS panel and control panel visibility or navigation."
metadata: { "openclaw": { "emoji": "🖼️" } }Widget panel
Use `show_widget` with `presentation.target: "node_panel"` to create a hosted widget document and present it on an eligible connected Mac. This is the normal agent path.
The Canvas tool is limited to direct panel control:
- `present`: show the panel, optionally with a hosted document path or local app scheme.
- `hide`: hide the panel.
- `navigate`: navigate the visible panel to a hosted document path or local app scheme.
Do not invent local file paths or arbitrary external URLs. Use HTML widgets with `show_widget`; hosted documents use the capability-scoped `/__openclaw__/canvas/documents/...` route it returns.
If `plugins.entries.canvas.config.host.enabled` is `false`, hosted widget documents and node-panel presentation are disabled together.
OpenClaw is an open-source AI assistant that runs on your own computer and meets you in the channels you already use: Discord, iMessage, Slack, Teams, Telegram, WhatsApp, and 20+ more, plus native apps for macOS, iOS, Android, Windows, and Linux.
Other skills on openclaw.
More skills from other plugins.
karpathy-guidelines
Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid…
agent-builder
Design and build AI agents for any domain. Use when users: (1) ask to "create an agent", "build an assistant", or "design an AI…
Questions about canvas.
- Which coding agents can use canvas?
- canvas installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.

