skills.rest
NJUxlj
NJUxljCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/NJUxlj/openclaw --skill canvas-skill-njuxlj
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
seedprodseedprod
93

Canvas Skill

Display HTML content on OpenClaw nodes via a local HTTP server and node bridge.

Community
Intermediate
luccastluccast
877

crabwalk

Monitor real-time agent thinking and tool calls across OpenClaw platforms.

Community
Advanced
ybsaybsa
3

Canvas Skill

Display HTML content on remote OpenClaw nodes via a local HTTP server.

Community
Intermediate
coltonbattscoltonbatts

Canvas Skill

Display HTML content on remote nodes via a local HTTP server and bridge.

Community
Intermediate