원클릭으로 Manus에서 모든 스킬 실행

시작하기

canvas

스타2

포크0

업데이트2026년 6월 5일 10:06

Present HTML on connected OpenClaw node canvases, navigate/eval/snapshot, and debug canvas host URLs.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

Chethan616

Chethan616/Dex

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

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: $DEX_CONFIG_PATH or ~/.dex/openclaw.json.

{
  "plugins": {
    "entries": {
      "canvas": {
        "config": {
          "host": {
            "enabled": true,
            "root": "~/.dex/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

Ensure Canvas plugin host is enabled.
Put HTML/CSS/JS under plugins.entries.canvas.config.host.root or the default state canvas dir.
Use a route reachable by the target node.
Present the hosted URL: /__openclaw__/canvas/<file>.html.
Use snapshot when the user needs proof.

URL shape

http://<gateway-host>:<gateway.port>/__openclaw__/canvas/index.html
http://<gateway-host>:<gateway.port>/__openclaw__/canvas/games/snake.html

Path mapping:

/__openclaw__/canvas/index.html -> <canvas host root>/index.html
/__openclaw__/canvas/games/snake.html -> <canvas host root>/games/snake.html

Troubleshooting

Node sees localhost but is remote: fix gateway.bind or public URL, regenerate URL.
LAN node cannot load: verify same network, firewall, Gateway port, and auth/capability URL.
Tailnet node cannot load: verify Tailscale status and advertised host.
Blank page: open URL locally, check browser console, then snapshot node.
Live reload missing: verify liveReload and file write under root.

이 저장소의 다른 Skills

같은 저장소

windows-desktop-control

Chethan616/Dex

Drive native Windows app GUIs (Office, Settings, Calculator, file dialogs, Photoshop, anything Win32) via UFO2 and the Windows accessibility tree. NOT for browser tasks -- use run_browser_task instead.

2026-06-222

browser-control

Chethan616/Dex

Drive a real web browser (Chromium via Playwright + browser-use) to accomplish tasks inside web pages -- forms, scraping, multi-page flows, web-based tests. Use for ANY task that interacts with rendered HTML.

2026-06-142

node-inspect-debugger

Chethan616/Dex

Debug Node.js with node inspect, --inspect, breakpoints, CDP, heap, and CPU profiles.

2026-06-052

crabbox

Chethan616/Dex

Use the Crabbox wrapper for OpenClaw remote validation across Linux, macOS, Windows, and WSL2, including delegated Blacksmith Testbox proof. Report the actual provider and id.

2026-06-052

openclaw-debugging

Chethan616/Dex

Debug OpenClaw model, provider, tool-surface, code-mode, streaming, and live/Crabbox behavior by choosing the right logs, probes, and proof path before changing code.

2026-06-052

openclaw-parallels-smoke

Chethan616/Dex

Run, rerun, debug, or interpret OpenClaw Parallels install, onboarding, gateway smoke, and upgrade checks.

2026-06-052

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: $DEX_CONFIG_PATH or ~/.dex/openclaw.json.

{ "plugins": { "entries": { "canvas": { "config": { "host": { "enabled": true, "root": "~/.dex/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

Ensure Canvas plugin host is enabled.

Put HTML/CSS/JS under plugins.entries.canvas.config.host.root or the default state canvas dir.

Use a route reachable by the target node.

Present the hosted URL: /__openclaw__/canvas/<file>.html.

Use snapshot when the user needs proof.

URL shape

http://<gateway-host>:<gateway.port>/__openclaw__/canvas/index.html http://<gateway-host>:<gateway.port>/__openclaw__/canvas/games/snake.html

Path mapping:

/__openclaw__/canvas/index.html -> <canvas host root>/index.html

/__openclaw__/canvas/games/snake.html -> <canvas host root>/games/snake.html

Troubleshooting

Node sees localhost but is remote: fix gateway.bind or public URL, regenerate URL.

LAN node cannot load: verify same network, firewall, Gateway port, and auth/capability URL.

Tailnet node cannot load: verify Tailscale status and advertised host.

Blank page: open URL locally, check browser console, then snapshot node.

Live reload missing: verify liveReload and file write under root.

name	canvas
description	Present HTML on connected OpenClaw node canvases, navigate/eval/snapshot, and debug canvas host URLs.
metadata	{"openclaw":{"emoji":"🖼️"}}