canvas

Serve and display HTML content across connected OpenClaw client devices.

Updated Feb 25, 2026
One-click install
npx skills add https://github.com/sky770825/NEUXA- --skill canvas-sky770825
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/sky770825/NEUXA-/tree/main/quarantine/skills-archive-20260208/canvas
Command: npx skills add https://github.com/sky770825/NEUXA- --skill canvas-sky770825

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the hassle of manually configuring and pushing web content to multiple connected OpenClaw devices (Mac, iOS, Android) by providing a centralized host server to serve and display HTML content across all your nodes in one step.

Core Features & Use Cases

  • Cross-device HTML rendering: Serve static HTML, CSS, and JavaScript files to any connected OpenClaw node's canvas view, perfect for games, interactive demos, data dashboards, and visualizations.
  • Live development reload: Automatically refresh all connected canvases when you edit your HTML files, speeding up development of interactive content without manual refreshes.
  • Flexible network support: Works across localhost, LAN, and Tailscale networks, so you can share content with nodes on your local network or remote Tailscale devices.
  • Canvas control actions: Present, hide, navigate to new URLs, execute JavaScript, or capture screenshots of any connected node's canvas directly.

Quick Start

Use the canvas skill to present your local HTML file 'snake-game.html' to the connected OpenClaw node with ID 'mac-63599bc4-b54d-4392-9048-b97abd58343a'.

Frequently Asked Questions about canvas

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

FAQPage Schema
How do I display interactive HTML content across multiple connected devices simultaneously?

You can display interactive HTML content across multiple devices by using a centralized host server to serve static files and bridge communications to connected OpenClaw client nodes. This renders web content simultaneously on Mac, iOS, and Android canvases.

Can I use Tailscale to serve web content to remote devices outside my LAN?

Yes, you can use Tailscale to serve web content to remote devices outside your LAN. The host server supports configurable bind modes for localhost, LAN, or Tailscale networks, enabling cross-network access to remote OpenClaw nodes.

How do I automatically refresh HTML canvases on all connected nodes during development?

You can automatically refresh HTML canvases on all connected nodes during development by utilizing the built-in live reload feature. It detects HTML file edits and automatically refreshes the canvas view across all active OpenClaw clients.

Does OpenClaw support executing JavaScript and capturing screenshots on remote node canvases?

Yes, OpenClaw supports executing JavaScript and capturing screenshots on remote node canvases. The canvas control actions allow you to navigate URLs, execute JavaScript directly, and capture canvas screenshots for interactive content workflows.

What is the best way to present local HTML files to specific connected OpenClaw nodes?

The best way to present local HTML files to specific connected OpenClaw nodes is by using actionable canvas commands. These commands allow you to target specific node IDs, presenting or hiding interactive web content like games and dashboards directly on their canvas views.