canvas

Renders HTML content on connected OpenClaw nodes via a local canvas host and bridge.

6|1|Updated Feb 23, 2026
One-click install
npx skills add https://github.com/flemzord/sclaw --skill canvas-flemzord
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/flemzord/sclaw/tree/main/skills/canvas
Command: npx skills add https://github.com/flemzord/sclaw --skill canvas-flemzord

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Displaying rich HTML content across connected OpenClaw nodes can be challenging without a centralized canvas rendering solution. This skill enables rendering web content on device canvases attached to the OpenClaw network (Mac, iOS, Android), via a hosted canvas and a bridge to nodes.

Core Features & Use Cases

  • Canvas host server serves HTML/CSS/JS files from a configured root.
  • Node Bridge forwards canvas URLs to connected nodes.
  • Node Apps render content in a WebView on Mac, iOS, and Android clients.
  • Actions include present, navigate, hide, eval, and snapshot for dynamic control.
  • Use cases include demonstrations, dashboards, and interactive visuals on remote devices.

Quick Start

Place HTML files in the configured canvas root and run a present action to display a chosen HTML page on 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 render HTML content on connected iOS and Android devices?

You can render HTML content on connected iOS and Android devices by using a local canvas host server to serve files and a node bridge to forward URLs to node apps, which display the content in a WebView.

Can I display interactive dashboards across multiple OpenClaw nodes?

Yes, you can display interactive dashboards across OpenClaw nodes by serving HTML, CSS, and JS files from a configured canvas root and using the present action to render them on connected Mac, iOS, and Android clients.

What actions are supported for dynamically controlling HTML display on remote nodes?

Supported actions for controlling HTML display on remote nodes include present to show pages, navigate to change URLs, hide to remove content, eval to execute scripts, and snapshot to capture the current rendered view.

Do I need a specific server setup to display web content on a device canvas?

Yes, displaying web content on a device canvas requires a running canvas host server serving files from a configured root directory, a bridge to forward URLs to nodes, and node apps capable of rendering in a WebView.

What is the best way to run JavaScript on a connected node's WebView?

The best way to run JavaScript on a connected node's WebView is to use the eval action, which dynamically executes scripts directly on the remote client after the HTML content has been successfully presented.