Canvas Skill

Present and control HTML content on remote OpenClaw nodes via a local HTTP server and bridge.

Updated Feb 1, 2026

Search Tags:#cross-platform #interactive #canvas #web content #display #live reload

Ready to run

npx skills add https://github.com/NJUxlj/openclaw --skill canvas-skill-njuxlj

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/NJUxlj/openclaw/tree/main/skills/canvas
Command: npx skills add https://github.com/NJUxlj/openclaw --skill canvas-skill-njuxlj

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to present dynamic HTML content on connected OpenClaw nodes, transforming them into visual displays for games, dashboards, or interactive demos.

Core Features & Use Cases

Cross-Platform Display: Renders web content on macOS, iOS, and Android OpenClaw apps.
Interactive Content: Supports HTML, CSS, and JavaScript for rich user experiences.
Live Reload: Automatically updates displayed content as you make changes, ideal for development.
Use Case: Display a real-time stock market dashboard or a simple web-based game on your tablet via the OpenClaw app.

Quick Start

Use the canvas skill to present the 'my-game.html' file on your primary 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 interactive HTML content on remote connected devices?▼

To display interactive HTML content on remote connected devices, you can use a local HTTP server and bridge to present and control web views across multiple OpenClaw nodes. This setup facilitates real-time visualization and dynamic content delivery.

Can I render web content across macOS, iOS, and Android platforms simultaneously?▼

Yes, you can render web content across macOS, iOS, and Android platforms simultaneously. The system supports cross-platform display by rendering HTML, CSS, and JavaScript within OpenClaw apps on these operating systems.

Does live reload work when developing interactive web applications for connected displays?▼

Live reload works effectively when developing interactive web applications for connected displays. The system automatically updates the displayed content on remote nodes as you make changes to your HTML, CSS, or JavaScript files.

What components are required to present dynamic web content on OpenClaw nodes?▼

To present dynamic web content on OpenClaw nodes, you need a canvas host server, a node bridge, and client node applications. These components work together to render the webViews on target devices.

Are there limitations when using live reload for real-time dashboards on multiple devices?▼

Limitations when using live reload for real-time dashboards involve maintaining consistent connections across all connected devices. You must ensure the local HTTP server and node bridge remain active to prevent visualization interruptions on remote client nodes.