Canvas Skill

Name: Canvas Skill
Availability: InStock
Author: MoRen

Display HTML content on connected OpenClaw nodes via HTTP server.

Updated Feb 26, 2026

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

Ready to run

npx skills add https://github.com/MoRen9527/TriMetaverse --skill canvas-skill-moren9527

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the seamless display of web-based content, such as games, visualizations, or interactive demos, on various connected devices (Mac, iOS, Android) through a WebView.

Core Features & Use Cases

Cross-Platform Display: Renders HTML content on Mac, iOS, and Android nodes.
Live Reload: Automatically updates displayed content when source files change, ideal for development.
Interactive Content: Supports games, dashboards, and interactive demos.
Use Case: Develop a web-based game and instantly see and play it on your connected iOS device without complex deployment.

Quick Start

Present the 'my-game.html' file on the node with ID 'mac-63599bc4-b54d-4392-9048-b97abd58343a'.

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 connected iOS and Android devices?▼

To display HTML content on iOS and Android devices, you can use this Skill to serve static files via an HTTP server and communicate URLs through a Node Bridge to connected nodes. It renders web content directly in a WebView.

Can I see live reload updates for web games during development?▼

Yes, you can see live reload updates for web games during development. This Skill automatically refreshes the displayed HTML content on connected nodes whenever the source files change, streamlining the iteration process.

Does this tool support presenting interactive dashboards and visualizations on a Mac?▼

Yes, this tool supports presenting interactive dashboards and visualizations on a Mac. It renders HTML content on Mac nodes, allowing you to present interactive web content alongside iOS and Android devices.

How do I evaluate JavaScript and capture screenshots of web content on connected nodes?▼

You can evaluate JavaScript and capture screenshots by using the specific actions provided by this Skill. It facilitates interactive demos by executing JavaScript within the WebView and capturing the resulting display state.

What is the best way to present a local HTML file to a specific connected node?▼

The best way to present a local HTML file to a specific connected node is to use the present action with your target file and the node's specific ID. This serves the file locally and pushes the URL to the device.

Do I need a complex deployment process to test web visualizations on mobile devices?▼

No, you do not need a complex deployment process to test web visualizations on mobile devices. This Skill serves static files through an HTTP server and uses a Node Bridge to instantly display content across Mac, iOS, and Android.