Serve local HTML/CSS/JS files to OpenClaw nodes via canvas URLs.
npx skills add https://github.com/nomad3/openclaw-k8s --skill canvas-skill-nomad3
Please help me install this Agent Skill. Skill: Canvas Skill Source: https://github.com/nomad3/openclaw-k8s/tree/main/package/skills/canvas Command: npx skills add https://github.com/nomad3/openclaw-k8s --skill canvas-skill-nomad3
This Skill eliminates the need to manually recreate UI screens on each OpenClaw device by letting you present existing HTML/CSS/JS content directly inside the nodes’ canvas view.
Place your HTML file in the canvas host root directory configured in ~/.openclaw/openclaw.json, then run: canvas action:present node:<node-id> target:<full-canvas-file-url>.
High-intent search queries and answers about installing and using this skill.
To display HTML content on connected OpenClaw nodes, serve local files from the configured canvas host root directory and instruct the node app to load the generated canvas URL, rendering the content as a WebView on Mac, iOS, or Android devices.
Yes, you can execute JavaScript and capture screenshots in a WebView during interactive demos. The canvas lifecycle supports showing, hiding, navigating to new URLs, and executing JavaScript, alongside taking canvas snapshots for iteration.
Set up local HTML hosting for OpenClaw device dashboards by placing your HTML, CSS, and JS files in the canvas host root directory configured in the openclaw.json file, then run the canvas present command with the target node ID and file URL.
Yes, live reload works for updating web content on mobile device UIs. It allows you to update content instantly while you develop, eliminating the need to manually recreate UI screens on each connected iOS or Android node.
Your OpenClaw canvas URL might fail to load due to incorrect gateway bind behavior. You must configure the gateway correctly, choosing between loopback, LAN, or tailnet, so the node receives a reachable hostname at the canvas path.
The best way to prototype visualizations across multiple OpenClaw device types is to use a canvas host to serve the interactive content, leveraging live reload and WebView rendering to instantly update and view dashboards or games on connected nodes.
JOHNNYWHITEMIKEPresent local HTML content on connected OpenClaw nodes via WebView rendering.
Bitterbot-AIPresent and control HTML content on connected Bitterbot nodes via canvas host.
seasonmacDisplay HTML content on connected OpenClaw nodes via Canvas Host and Node Bridge.
ClaudioCeppi83Serve HTML content on connected OpenClaw nodes via WebSocket and WebView.
