skills.rest
RogerGimbel
RogerGimbelCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

Canvas Skill

Present HTML content on connected OpenClaw nodes via host server and node bridge.

Updated Aug 23, 2026
Search Tags:#html#cross-platform#canvas#web content#display#live reload
One-click install
npx skills add https://github.com/RogerGimbel/rodaco-workspace --skill canvas-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/RogerGimbel/rodaco-workspace/tree/main/skills/canvas
Command: npx skills add https://github.com/RogerGimbel/rodaco-workspace --skill canvas-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the seamless display of HTML content on various connected OpenClaw nodes, bridging the gap between web technologies and native applications.

Core Features & Use Cases

  • Cross-Platform Display: Renders web content on Mac, iOS, and Android applications.
  • Dynamic Content Presentation: Ideal for showcasing games, visualizations, dashboards, and interactive demos.
  • Live Reload: Facilitates rapid development by automatically updating displayed content upon file changes.

Quick Start

Use the canvas skill to present the 'my-game.html' file on the 'mac-63599bc4-b54d-4392-9048-b97abd58343a' 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 HTML content on multiple connected devices?▼

To display HTML content on multiple connected devices, you can use this Skill to present web files across Mac, iOS, and Android nodes through a host server and node bridge architecture.

Can I show web dashboards and interactive visualizations on iOS and Android?▼

Yes, you can show web dashboards and interactive visualizations on iOS and Android. The Skill renders dynamic HTML content natively on connected cross-platform OpenClaw nodes.

Does live reload work when presenting web content during development?▼

Live reload works seamlessly when presenting web content during development. It automatically updates the displayed HTML on connected nodes immediately upon detecting file changes.

What is the best way to capture screenshots of web content displayed on connected nodes?▼

The best way to capture screenshots of web content on connected nodes is using the Skill's built-in capture action, which interfaces directly with the node bridge to retrieve current displays.

Do I need Tailscale to display web content on connected nodes?▼

You need Tailscale to establish network connectivity between the host server and connected nodes. It bridges the gap between web technologies and native applications across different platforms.

How do I evaluate JavaScript on a connected node displaying web content?▼

To evaluate JavaScript on a connected node displaying web content, use the Skill's dedicated evaluate action. This sends commands directly through the node bridge architecture to execute scripts remotely.

Related Skills

Explore More Software Engineering Skills→
FlexasaurusrexFlexasaurusrex
16

Canvas Skill

Display HTML content on OpenPaw nodes via a Canvas Host server.

Community
Intermediate
sky770825sky770825

canvas

Serve and display HTML content across connected OpenClaw client devices.

Community
Intermediate
zhangziliang04zhangziliang04
2

canvas

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

Community
Advanced
coltonbattscoltonbatts

Canvas Skill

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

Community
Intermediate