canvas

Shows a small web page or widget that OpenClaw's agent has built in a panel on a Mac connected to OpenClaw. The agent can then show, hide or switch what that panel displays.

WHEN TO USE

SCOPE

USE FOR

Show a dashboard or widget the agent just made on your Mac's screen.
Hide the panel when you are done with it.
Switch the panel to a different document the agent has published.

NOT FOR

Opening any website or local file in the panel — the skill tells the agent to show documents OpenClaw hosts for it.
iPhone, iPad or Android screens — the panel is for a connected Mac.

This is a saved copy of the skill's SKILL.md instructions. It may differ from the upstream file or the version you install.

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. Hosted documents use the capability-scoped /__openclaw__/canvas/documents/... route returned by show_widget. A2UI content renders on session boards and loads renderer assets from /__openclaw__/a2ui.

If plugins.entries.canvas.config.host.enabled is false, hosted widget documents, A2UI renderer assets, and node-panel presentation are disabled together.

Local tool required

2 FOR YOU

Items without a tag are required.

01
Connect a Mac to OpenClaw
Have a Mac connected to your OpenClaw setup; the widget panel appears there.
02
Note Keep the canvas host turned on
The canvas host is on by default. If plugins.entries.canvas.config.host.enabled is set to false, widgets and the panel are switched off together.

Built into OpenClaw. Nothing to install there. The npx skills add command copies the same instructions into another agent, but they call OpenClaw's own tools, settings and folders.

Run this outside your AI tool, using Node.js 22.20.0 or newer. Skills CLI 1.7.2 skips skill selection; prompts cancel installation without an interactive terminal. If choosing Project when asked about installation scope, open your project's folder before running this.

Install checklist

Check selected tools if a picker appears; Claude Code may be unchecked under Additional agents. ↑/↓ moves, Space toggles selections, Enter confirms.
Without a tool picker, check Installing to: for your intended tool. Stop if it names a different tool.
If asked, choose Symlink (Recommended) for shared files or Copy to all agents for separate copies; review the summary before confirming installation.
Install the find-skills skill? defaults to Yes, adding another skill for all projects. Choose No if you don't want that extra installation.

Skills CLI 1.7.2 sends install data to skills.sh by default, including the source, skill names, target tools and file details; GitHub sources are reported only when GitHub confirms the repository is public, while other remote sources can also be reported. Confirmed-public GitHub sources also trigger a security-audit request. Before installing, set the environment variable DO_NOT_TRACK=1 or DISABLE_TELEMETRY=1 to disable both.

npx skills add openclaw/openclaw --skill "canvas" --full-depth

After installing for Claude Code, open it in the installation project if you chose Project; Global makes the skill available across projects on this computer. Once Claude Code loads the skill, its description helps Claude decide when to use it.

If installation created a top-level skills folder that did not exist when your Claude Code session started, run /reload-skills in that session. Run it again after later changes in that folder.

View on GitHub

The repository is licensed under MIT — use, modification, and redistribution are allowed under that license’s terms.

View the repository’s license file on GitHub →

Widget panel

Local tool required

More skills

MCP keyword matches