canvas

Display and synchronize HTML content across OpenClaw nodes.

5|Updated Apr 8, 2026
One-click install
npx skills add https://github.com/JansenAnalytics/claudex --skill canvas-jansenanalytics
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/JansenAnalytics/claudex/tree/main/skills/canvas
Command: npx skills add https://github.com/JansenAnalytics/claudex --skill canvas-jansenanalytics

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Display HTML content on connected OpenClaw nodes (Mac app, iOS, Android) by enabling synchronized rendering and remote control of web content across devices.

Core Features & Use Cases

  • Cross-device HTML rendering on all connected OpenClaw nodes for demos, dashboards, or interactive content.
  • Live-reload and synchronized canvas updates to ensure all nodes display the latest content.
  • Simple actions to present, hide, navigate, eval JavaScript, and take snapshots for validation.

Quick Start

Present a chosen HTML page across all connected OpenClaw nodes.

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 across multiple devices simultaneously?

You can synchronize HTML rendering across Mac, iOS, and Android devices by connecting them as OpenClaw nodes to a canvas host server, enabling live-reload updates for dashboards and demos.

What is live-reload for multi-device HTML dashboards?

Live-reload automatically synchronizes and pushes canvas updates to all connected OpenClaw nodes, ensuring every Mac, iOS, and Android device displays the latest HTML content in real time.

Do I need a host server and bridge to display HTML on iOS and Android nodes?

Yes, displaying and synchronizing HTML content across OpenClaw nodes requires a canvas host server and a bridge, along with node apps installed on each target Mac, iOS, or Android device.

Can I execute JavaScript remotely on connected canvas nodes?

Yes, the eval action executes JavaScript remotely across connected OpenClaw nodes, providing runtime control and dynamic content updates for synchronized HTML displays.

What actions are available for runtime control of synchronized HTML rendering?

Runtime control actions include present to display pages, hide to remove content, navigate to change URLs, eval to run JavaScript, and snapshot to capture node states for validation.

Does synchronized HTML rendering work for live demos on Mac and mobile devices?

Synchronized HTML rendering supports live demos and interactive dashboards across Mac, iOS, and Android OpenClaw nodes, maintaining real-time content parity with live-reload updates.