Skip to content
AI & Agents
Skill

/canvas

Present hosted widget documents on a connected macOS panel and control panel visibility or navigation.

From plugin
openclaw
394k78 skills

Claude Code

$ npx -y skills add openclaw/openclaw --skill canvas --agent claude-code

SKILL.md

canvas.SKILL.md
name: 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
Ships withopenclaw

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.

Stars on GitHub

Momentum

stars in total
394.3k
Star history of openclaw/openclaw on GitHub, a chart by star-history.com

Other skills on openclaw.

acp-router

acp-router

Route plain-language requests for Claude Code, Cursor, Copilot, OpenClaw ACP, OpenCode, Gemini CLI, Grok Build, Qwen, Kiro, Kimi,…

@openclaw@openclawInstall Skill
browser-automation

browser-automation

Use when controlling web pages with the OpenClaw browser tool, especially multi-step flows, login checks, tab management, or…

@openclaw@openclawInstall Skill
crabbox-apps

crabbox-apps

Use when asked to open, run, test, or show an app in Crabbox, including native desktops, web previews, and computer use on a…

@openclaw@openclawInstall Skill
diffs

diffs

Use the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.

@openclaw@openclawInstall Skill
facetime

facetime

Inspect FaceTime internal stages, place an approved call to a configured owner handle, and request hangup through facetime_call.

@openclaw@openclawInstall Skill

More skills from other plugins.

clawhub

clawhub

Search and install agent skills from ClawHub, the public skill registry.

nanobot11d50k
@hkuds@hkudsInstall Skill

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.