canvas

Display HTML content on connected OpenClaw nodes via a canvas host server.

1|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/Arry8/openclaw-edge --skill canvas-arry8
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/Arry8/openclaw-edge/tree/main/skills/canvas
Command: npx skills add https://github.com/Arry8/openclaw-edge --skill canvas-arry8

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Display HTML content on connected OpenClaw nodes to render rich UI, dashboards, or demos across Mac, iOS, and Android devices without manual duplication of content.

Core Features & Use Cases

  • Canvas Host Server serves static HTML/CSS/JS from canvasHost.root
  • Node Bridge communicates canvas URLs to connected nodes
  • Node Apps render content in a WebView on the target device
  • Live reload support and Tailnet/LAN access for development
  • Use cases: demo dashboards, interactive tutorials, and cross-device content sharing

Quick Start

Place your HTML files in the configured canvas root, start the canvas host, and then present content to a connected node.

Frequently Asked Questions about canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I display HTML content on connected iOS and Android devices?

To display HTML content on connected iOS and Android devices, you need a three-part architecture: a Canvas Host Server to serve static files, a Node Bridge to communicate URLs, and Node Apps to render the content in a WebView.

What is the best way to push interactive dashboards to a Mac WebView?

Pushing interactive dashboards to a Mac WebView involves serving your HTML, CSS, and JS from a configured Canvas Host Server root, then using the Node Bridge to present the canvas URL to the connected node view.

Can I use live reload for cross-device HTML content sharing over a LAN?

Yes, live reload is supported for cross-device HTML content sharing. The Canvas Host Server serves your static files while the Node Bridge facilitates Tailnet and LAN access for real-time development updates.

How do I configure the Node Bridge and Canvas Host for presenting HTML?

Configuring the Node Bridge and Canvas Host requires editing the ~/.openclaw/openclaw.json file to define the canvasHost root directory and the gateway bind settings before presenting content to connected nodes.

What actions are available for pushing interactive content to a node view?

Actions available for pushing interactive content to a node view include present, hide, navigate, eval, and snapshot. These actions allow you to control the rendered HTML content dynamically across connected devices.

Does displaying HTML on a canvas require manual duplication of content for different platforms?

No, displaying HTML on a canvas does not require manual duplication of content. The Canvas Host Server serves your static files uniformly, allowing Mac, iOS, and Android Node Apps to render the same rich UI or dashboards.