skills.rest
MoRen9527
MoRen9527COMMUNITY
Explore all skills by this author →
GitHub

Canvas Skill

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

Related Skills

Explore More Software Engineering Skills→
flemzordflemzord
6

canvas

Renders HTML content on connected OpenClaw nodes via a local canvas host and bridge.

Community
Intermediate
badbsallyybadbsallyy

Canvas Skill

Present HTML content on connected OpenClaw nodes via HTTP server and TCP bridge.

Community
Intermediate
zhangziliang04zhangziliang04
2

canvas

Render HTML content on Moltbot-connected devices across Mac, iOS, and Android nodes.

Community
Advanced
seasonmacseasonmac

Canvas Skill

Display HTML content on connected OpenClaw nodes via Canvas Host and Node Bridge.

Community
Intermediate