canvas
Present HTML on connected OpenClaw node canvases, navigate/eval/snapshot, and debug canvas host URLs.
npx skills add Health-Yang/MineEcho --skill canvas --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Canvas Use canvas to show HTML on connected Mac/iOS/Android nodes. ## Model - Canvas host serves files from `plugins.entries.canvas.config.host.root`. - Canvas routes live on the Gateway HTTP port (`gateway.port`, default `18789`). - Node bridge sends canvas URLs to connected node apps. - Node apps render URLs in a WebView. - Host name follows `gateway.bind`: loopback local only, LAN IP for LAN, Tailscale host for tailnet, auto picks best route. - Localhost URLs only work for a node on the same machine. - Paired nodes normally receive node-scoped `pluginSurfaceUrls.canvas` capability URLs; prefer those when available. ## Config Active config: `$OPENCLAW_CONFIG_PATH` or `~/.openclaw/openclaw.json`. ```json { "plugins": { "entries": { "canvas": { "config": { "host": { "enabled": true, "root": "~/.openclaw/canvas", "liveReload": true } } } } }, "gateway": { "bind": "auto" } } ``` ## Actions - `present`: show canvas, optional URL. - `hide`: hide canvas. - `navigate`: open new URL. - `eval`: run JavaScript in current canvas. - `snapshot`: capture screenshot. ## Workflow 1. Ensure Canvas plugin host is enabled. 2. Put HTML/CSS/JS under `plugins.entries.canvas.config.host.root` or the d
- Model
- Config
- Actions
- Workflow
- URL shape
- Troubleshooting
What does the canvas skill do?
Present HTML on connected OpenClaw node canvases, navigate/eval/snapshot, and debug canvas host URLs.
How do I install it?
Run `npx skills add Health-Yang/MineEcho --skill canvas --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From Health-Yang/MineEcho, a repository with 248 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.