Canvas Skill

Display HTML content on connected OpenClaw nodes via Canvas Host and Node Bridge.

1|Updated Apr 28, 2026
One-click install
npx skills add https://github.com/seasonmac/Full-Scene-Agents --skill canvas-skill-seasonmac
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/seasonmac/Full-Scene-Agents/tree/main/openclaw/skills/canvas
Command: npx skills add https://github.com/seasonmac/Full-Scene-Agents --skill canvas-skill-seasonmac

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Canvas Skill enables displaying HTML content on connected OpenClaw nodes, enabling visual dashboards, interactive demos, and rich content across Mac, iOS, and Android devices.

Core Features & Use Cases

  • Present and hide HTML content on remote nodes through a lightweight host/bridge stack.
  • Navigate, evaluate JavaScript in the canvas, and capture snapshots for quick validation.
  • Use case: deliver live dashboards or interactive showcases to users running OpenClaw.

Quick Start

Set up the canvas host, connect a node, and present your HTML content to the target node.

Frequently Asked Questions about Canvas Skill

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

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

You can display HTML content on remote iOS, Android, and Mac devices by using a lightweight host and node bridge to present interactive dashboards and demos directly to connected nodes.

Can I render interactive web dashboards across Mac and mobile nodes?

Yes, rendering interactive web dashboards across Mac and mobile nodes is supported through a host server coordinating with a node bridge to deliver rich visual content to connected devices.

How do I execute JavaScript in a remote webview and capture a snapshot?

You can execute JavaScript in a remote webview and capture a snapshot by triggering the eval and snapshot actions exposed by the host server communicating with the connected node bridge.

Does the canvas host support live reload for interactive demos?

Yes, the canvas host supports optional live reload for interactive demos, allowing you to dynamically update and validate HTML content presented on connected nodes during development.

Do I need specific ports configured to present HTML to connected nodes?

You need specific ports configured to present HTML, specifically port 18793 for the canvas host server and port 18790 for the node bridge communicating with your connected nodes.

What actions can I use to navigate and hide content on connected nodes?

You can use the navigate, hide, and present actions to control HTML content visibility and routing on connected nodes, managed via the canvas host server and node bridge architecture.